我有一个图形脚本,该脚本使用svg元素绘制图形(没有库,只有JS)。我更喜欢使用canvas,但是我正在使用svg来允许更直接地导出为SVG。
我当前正在将svg元素放入img标签中,然后将其保存,例如:
<img src='data:image/svg+xml;base64,[base64 encoded svg element here]'>
一切都适用于小图。问题在于某些图形(尤其是散点图)具有30k +元素。无论我使用base64编码还是img src属性中的svg xml,该图像都会显示在浏览器中,但不会下载。尝试将图像保存到文件时,Chrome中显示“失败-网络错误”。
我可以想到其他方法,但是它们都很烦人(例如在服务器上而不是在浏览器中生成SVG)。因此,首先,我想看看是否有一些简单的解决方案,例如压缩,或者是我上面使用的方法的“浏览器端”替代方案。