可扩展的剪贴蒙版

Question

我需要将变量图像剪切成像这样的拼图形状的pices(不是正方形):http://www.fernando.com.ar/jquery-puzzle/

我已经考虑过使用像Cairo或GD这样的php库这样做的可能性,但几乎没有使用这些库的经验,并且看不到用于创建剪贴蒙版的动态分析动态可缩放的不同大小的图像.

我正在寻找有关使用哪种服务器端编程语言来完成此任务的指导/提示,并且最好是解决此问题的方法.

Answer 1

您可以使用 GD 创建具有拼图大小的图像。然后将完整图像复制到该图像上并进行正确的裁剪，以获得图像的正确部分。

然后，您可以使用不同的颜色（例如#0f0）动态地为要删除的部分的每个部分着色，然后使用 imagecolorallocatealpha 使该颜色透明。对每个部分都执行此操作，您就拥有了服务器端图像部分。

但是，如果我在你那里，我会提前以不同的颜色创建每个拼图和平的剪贴蒙版。这将为每个连接生成两个图像（一张带有“圆形”连接器伸出的图像，另一张带有该圆形连接器插入的图像）。这样，您只需将这些蒙版复制到图像上即可快速创建漂亮的边缘。