我怎么能用画布把一幅图像变成另一幅呢？

Question

我想通过一张图片变成另一张带有透明框的图片。

所以这不仅仅是复制和超越一些图像到另一个。另外，我如何将图像转换成适合于另一个图像。示例: placeit.net

我怎么能用画布，JQuery或其他的呢？谢谢你举的例子。

更新：，我不想被勺子喂一些代码。只有一个关于像placeit.net这样的转换的例子或文档。

Answer 1

是的，您可以使用html画布.进行placeit.net类型的效果。

只在第一个图像是透明的情况下，查看复合绘制第二个图像。

查看转换到：

• 把你的第二张照片旋转到位，
• 倾斜你的第二个图像，以适应你的第一个图像的角度。

你可以做图像过滤器(主要来自第三方解决方案)。

• 一个很好的模糊滤波器：http://www.quasimondo.com/StackBlurForCanvas/StackBlurDemo.html

您可以使用context.fillText向演示文稿添加文本。