Javascript层到图像

我目前正在做一个项目，它涉及到一些东西，看起来像是Photoshop项目，但是是网络项目。我的意思是：我想创建一个布局，用户可以从预定义的选项（按钮）中进行选择，当使用这些按钮时，图像的某些部分会实时更新，就像在Photoshop中打开或关闭图层一样。一个很好的例子是：

它是德语的，但是如果你点击上面的浴室图片，你会进入浴室配置程序，在那里你可以选择不同的组合，这些组合是实时计算的。我认为这背后的技术是：有透明度的图层，选择时可以覆盖。 当检查源代码时，一些事情变得非常明显。当检查某些配置时，它会得到以下代码，例如：

<img alt="" id="configurator_image" src="createImage?view=0&amp;layers=3,0,1,0,0,0,0,1&amp;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

亲爱的，

---

Peter看起来应用程序的逻辑在服务器上。

/>表示服务器上的某些服务（createImage）呈现包含所有层的单个图像，该图像由图像标记显示。
您提供的HTML片段是HTML图像标记，这意味着浏览器呈现来自定义源的图像。在本例中，源是“createImage”，后跟一些参数。浏览器将从服务器请求该源，因为它将是一个静态图像文件，如png或jpg。服务器负责解释、创建并将请求的图像发送到浏览器。从客户端看不到服务器如何操作的实现细节。
Hey thx！但那会是什么呢？Javascript？PHP？我需要编码吗？可能有框架吗？如果您查看开发工具中的映像请求，您会看到如下内容：
HTTP/1.1200ok X-Powered-By:Express内容类型：image/jpg内容长度：87706
“X-Powered-By:Express”表示使用Express框架的node.js服务器。但这只是为了路由，和图像处理无关。所以它确实是JavaScript，但服务器端：）确切地说，我似乎看不出这是如何构建的。我明白。这当然是可以理解的。但是你可能知道有没有什么框架或者我可以使用的东西吗？非常感谢！似乎互联网上没有什么东西可以用它作为基础？问题是：我真的不敢相信，没有人只是为了好玩而建，你可以免费使用。也许我有点天真。也许编写这样的代码比我想象的要复杂。。。