html以图片自身中心旋转360,html5 图片360旋转(示例代码)

test.html

图片360度旋转

input {

font-size:18px;

padding:5px 20px 5px 20px;

font-weight:bold;

color:white;

background-color:#c5464a;

cursor:pointer;

border:none;

outline:none;

border-radius:7px 7px 7px 7px;

}

test.js

window.onload = function() {

var inputval = document.getElementsByTagName(\'input\');

var imgval = document.getElementById(\'img\');

var yimg = new Image();

var iNow = 0;

yimg.onload = function() {

draw(imgval);

}

yimg.src = imgval.src;

function draw(obj) {

var c = document.createElement(\'canvas\');

var cxt = c.getContext(\'2d\');