如何使用javascript从图像创建拼图游戏

mdi*_*ici 3 javascript canvas

我用谷歌搜索,但没有找到一个好的答案.具体来说,我想学习:

  • 将图像切成曲线
  • 从这些碎片创建单个对象(我假设我需要重新组装)

谢谢.

Vil*_*lx- 7

这个难题有几个部分.:)

第一部分是SVG及其Canvas.这就是你需要绘制的东西,因为否则你无法从图片中制作出弯曲的部分.标准HTML/CSS只能使用矩形.

第二部分是用于从图片生成拼图块的算法.谷歌应该帮助你,如果你不能自己解决(虽然它似乎并不复杂).

其余的应该是直截了当的.

补充:快速谷歌搜索在第一个结果中给出了这样一个拼图引擎.看看它的来源.