1个回答
展开全部
html5 中有旋转效果 在chrome浏览器中能预览成功
<script type="text/javascript">
function startup() {
var canvas = document.getElementById('canvas');
var ctx = canvas.getContext('2d');
var img = newImage();
img.src = 'Penguins.jpg';
img.onload = function() {
ctx.translate(img.width / 2, img.height / 2);
ctx.rotate(30 * Math.PI / 180);
ctx.drawImage(img, 0, 0, 164, 164);
}
}
</script>
<body onload='startup();'>
<div id="pw_body"style="width:100%;height:100%">
<canvas id="canvas"style="position: absolute; left: 300px; top: 300px;"width="800"height="600"></canvas>
</div>
</body>
<script type="text/javascript">
function startup() {
var canvas = document.getElementById('canvas');
var ctx = canvas.getContext('2d');
var img = newImage();
img.src = 'Penguins.jpg';
img.onload = function() {
ctx.translate(img.width / 2, img.height / 2);
ctx.rotate(30 * Math.PI / 180);
ctx.drawImage(img, 0, 0, 164, 164);
}
}
</script>
<body onload='startup();'>
<div id="pw_body"style="width:100%;height:100%">
<canvas id="canvas"style="position: absolute; left: 300px; top: 300px;"width="800"height="600"></canvas>
</div>
</body>
本回答由网友推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
