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 canvas。

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