php - html5 Canvas 创建虚拟房间

Question

我正在寻找可以将两个图像相互混合以创建动态环境的东西，请参见下面的示例： http ://www.armstrong.com/flooring/design-a-room.asp?darScene=10&shortCode=&productCategory=

我能够解码该方法。他们混合了这些图像，例如： http ://www.armstrong.com/ei2/data/assets/Robbins/0557AW148630.jpg http://www.armstrong.com/ei2/data/images/room-scenes/RSX3050L_2A。 jpg

输出：http ://www.armstrong.com/ei2/cgi-bin/Swatchbox.cgi?a=RenderImage%5Boutput=jpegstream%5D&v=1&i=data/images/room-scenes/RSEWE5205_2&o=data/out/&w= 530&h=4444&Floor=~stitch~data/assets/Robbins/0557AW148630~%5BSpecialStitch=randomOffset%5D%5BPPF=75%5D

这将是客户可以定制的整体网站体验的一部分。感觉这需要后端脚本，但如果可能的话，我想将其保留为 php/javascript/jquery。

我只找到了许多解决方案，这需要脚本在他们身边执行，这需要按月付费。这不是远程使用任何东西的选项。尽管如果产品的功能不受另一台服务器的限制，则可以选择为产品付费。

Answer 1

好吧，如果你想做这样的事情，你可以去一些 html5 画布。

我做了一些非常相似的事情，我使用了 JCanvas。http://calebevans.me/projects/jcanvas/index.php 最好的部分是多层，以及在其中更改和控制 z-index 的能力。这样你就可以对不同的透明 png 进行分层，甚至可以移动它们。