iam目前正在开展一个涉及某些项目的项目,该项目看起来像是一个Photoshop项目,但对于网络来说。我的意思是:我想创建一个布局,用户可以从中选择预定义的选项(按钮),当使用这些按钮时,图像的某些部分会实时更新,就像在Photoshop中打开或关闭图层一样。这是一个很好的例子: http://www.myflat-luisenpark.berlin/
它是德语的,但是如果你点击上面的浴室图像,你就可以进入浴室配置器,在那里你可以选择不同的组合,这些组合是实时计算的。我认为这背后的技术是:具有透明度并在选择时叠加的图层。 在检查源代码时,有些东西非常明显。检查某些配置后,它会获得以下代码:
<img alt="" id="configurator_image" src="createImage?view=0&layers=3,0,1,0,0,0,0,1&format=jpg" style="position: absolute; margin: 0px 20px 20px 0px; width: 100%; border: 1px solid rgb(0, 38, 58); display: block;">
所以有它:组合3,0,1 .....
但这是如何运作的?
希望你能帮助我。也许它甚至不是javascript?逗人, 彼得
答案 0 :(得分:0)
看起来应用程序的逻辑位于服务器上。 <img src="createImage?view=0&layers=3,0,1,0,0,0,0,1&format=jpg"
/&gt;说服务器上的某些服务(createImage)呈现包含所有图层的单个图像,这些图像由图像标记显示。
答案 1 :(得分:0)
您提供的HTML是HTML图片代码,这意味着浏览器会根据已定义的来源呈现图片。在这种情况下,源是“createImage”,后跟一些参数。浏览器将从服务器请求该源,因为它将是静态图像文件,如png或jpg。服务器负责解释,创建并将所请求的图像发送到浏览器。客户端无法看到服务器如何执行的实现细节。