在web浏览器中保存操作过的SVG图像

Saving a manipulated SVG image in a web browser

本文关键字：SVG 图像操作保存 web 浏览器更新时间：2023-09-26

我创建了一个在线工具，它使用javascript来操作预制SVG图像的元素。我遇到的问题是，为了访问DOM，我把图像放在了对象标记中。但这样做会阻止您在浏览器中右键单击图像并单击"保存"。好吧，没关系，所以我把它放在img标签中。Img标签允许您右键单击并保存。哦，但是在img标记中，您不能访问DOM。因此，javascript函数无法操作图像。Canvas似乎也不允许右键单击和保存。我下一步该怎么做？

如果你想使用Canvas，你可以使用类似canvas2img的东西：http://www.nihilogic.dk/labs/canvas2image/

在页面上放置一个按钮，从中可以将画布导出为任意数量的格式。我相信还有其他框架可以实现这一点，我认为Kinetic.js已经内置了一些东西，或者你可以很容易地推出自己的框架。