javascript - Javascript根据地图拉伸图像？

Question

我试图弄清楚是否可以在 Javascript 中拉伸图像，以便图像的不同部分比其他部分扩展得更快。我在思考黑色/白色地图的线条，黑色根本不拉伸，白色拉伸最多，中间的灰色阴影按比例拉伸。这是可能吗？我希望让一张照片看起来像是在减肥或增重。

谢谢！

Answer 1

您可以使用 HTML5 画布功能以及 Java 脚本来进行图像处理。

总而言之，这将是处理器密集型的，主要是如果你想做动画，你可以做到。

一些使用 Java 脚本的 HTML5 的 canvas 元素的教程，可能你对drawImage(image,x,y)方法更感兴趣。 http://www.w3schools.com/html/html5_canvas.asp

并参考 http://www.w3schools.com/tags/ref_canvas.asp

然后你可以绘制你想要缩放的部分，但是像你想要的那样让它接近不明显的伪影效果真的很困难。