我需要将图像浮在HTML5和JavaScript中的帮助。我一直在搜索,并没有发现任何东西。我可以在屏幕上绘制形状,但我不知道如何为它们制作动画。 我想要几个不同的图像从不同的方向浮在画布上。 有人可以帮助我吗? 4小时谷歌搜索我所能做的就是后这使用HTML5和canvas制作动画图像
<script type = "Text/JavaScript">
function Animate(){
var canvas=document.getElementById("myCanvas");
var ctx=canvas.getContext("2d");
var img = new Image();
img.onload = function()
{
ctx.drawImage(img,20,20,300,300);
};
img.src = "vb.png";
}
</script>
</head>
<body>
<canvas id="myCanvas" height="200" width="800"></canvas>
<br><button onclick="Animate();">Restart</button>
似乎有成为很多教程上的动画造型,但我想加载了我自己的照片,并让它们在飞行到画布上。
看看[MDN约变换(https://developer.mozilla.org/en/Canvas_tutorial/Transformations)。它有你需要的一切。 – 2012-03-20 17:46:49