【发布时间】：2019-03-26 14:23:53
【问题描述】：
我正在使用出色的 dom-to-image 捕获 d3.js 仪表板的屏幕截图并下载为 png。
我发现它比它的竞争对手工作得更好 - CSS 转换很漂亮 - 但我遇到了一个绊脚石。
我的仪表板中有一些 SVG 图像元素：
<image x="20" y="20" width="300"height="80"
xlink:href="image/my_image.png"/>
这些要么直接嵌入到 svg 中，要么作为模式定义，它们不会在 PNG 上呈现。
这是know problem，之前在 Stack Overflow 上出现过，但我找不到解决方案。有什么想法吗？
【问题讨论】：
-
你能描述一下你的意思是什么？不渲染或发生了什么？你能详细说明问题是什么吗？图像标签是 SVG 标准的完美成员，除非你描述你被阻止的原因，否则它不清楚如何帮助你。
-
问题是插件（dom-to-image）不支持SVG图片。仅 HTML 图像。
-
因此 HTML 页面和所有 SVG 元素都可以完美呈现（包括非常酷的 CSS），但 SVG 图像却不行。
-
为什么需要 png？