可以动态地动态编辑图像吗？

Question

例如：看看我的RPG浏览器游戏的角色：

我想添加攻击武器动画。但是，我需要操纵这个.png图像，并从中剪出一个方框，然后应用一些CSS动画。 （因此它具有摆动武器的效果）。我知道如何做这个部分，但问题是试图用Javascript剪切图像，然后将其用作个人，或者它自己的单独div。所有图像字符文件都是相同的尺寸btw。

那么，是否可以使用Javascript操作图像？

Answer 1

您可以使用JavaScript的canvas对象。

1. 首先将PNG加载到画布
2. 使用画布功能操作图像
3. 将画布再次转换为图像