画布 - 移动图像问题
我的使用画布的脚本有问题。
我想移动我的图像，但使用drawImage图像移动但结果是这样的：
所以，我的代码是
function desenhaBonecoDir(){
var ctxt = document.getElementById('camadaBoneco').getContext("2d");
bonecoX = bonecoX -10;
ctxt.drawImage(bonecoLeft, bonecoX, bonecoY);
}
，我认为唯一的方法是使用 SVG（保留模式）。这是正确的吗？
有教程吗？或者例子？ - “如何使用 SVG 移动图像” 我该如何解决这个问题？
谢谢
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（2）
您需要擦除全部或部分画布并重新绘制。是的，使用 SVG 或 HTML + CSS 更容易，但不是必需的。
下面是在背景上移动精灵的示例，可以选择擦除和重绘全部或部分 BG： http ://phrogz.net/tmp/image_move_sprites_canvas.html
请注意，仅使用 CSS 比 canvas 快。
You need to erase all or part of your canvas and redraw. Yes, using SVG or HTML + CSS is easier, but not necessary.
Here's an example of moving sprites over a background, with the option to erase and redraw all or part of the BG: http://phrogz.net/tmp/image_move_sprites_canvas.html
Note that just using CSS is faster than canvas.
这段代码解决了我的问题
这里有一个很好的例子：http://brighthub。 com/internet/web-development/articles/38744.aspx?p=3
This code solves my problem
Good example here: http://brighthub.com/internet/web-development/articles/38744.aspx?p=3