Javascript 自呈现SVG

我试图制作一个SVG文件，其中包含不同的可切换嵌入式光栅图像（非常简单），但也能够导出最终的合成图像

例如，文件可以包含背景、房子和树

如果我单击树，其不透明度将设置为0

然后，我可以点击一个渲染按钮，我就可以保存一个从背景和房子制作的图像

---

我不知道是应该尝试编辑base64位图，还是使用SVG语言的本机功能。

渲染按钮应该保存SVG还是光栅图像？光栅图像。保存SVG基本上只是文本编辑，在没有画布的情况下编辑图像更难。我猜使用[ecmascript-5]和[javascript]标记意味着在web浏览器中显示这些SVG。你为什么不干脆用一个作为位图呢？因为它应该是一个可共享和可保存的“应用程序”，可以在任何计算机上运行，并且可以单独保存和使用。那么你怎么能确定ecmascript是否会得到支持呢？Ps：svg标记中没有内置的导出到光栅方法。