canvg 使用 xmlns 在 svg 上失败答案

【问题标题】：canvg fails on svg with xmlnscanvg 使用 xmlns 在 svg 上失败
【发布时间】：2017-04-07 21:27:16
【问题描述】：

我正在使用 canvg 将以下 svg 渲染到画布上，但它失败了。我不知道为什么

<svg class="circularReferenceSVG" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
            <marker xmlns="http://www.w3.org/2000/svg" id="triangle" viewBox="0 0 10 10" refX="0" refY="5" markerUnits="strokeWidth" markerWidth="4" markerHeight="4" orient="auto">
                <path d="M 0 0 L 10 5 L 0 10 z" fill="#000000"></path>
            </marker>
        </svg>

我的猜测是它必须与 xmlns 做一些事情。我在canvg网页上找不到任何关于它的信息。任何帮助将不胜感激。

这是canvg似乎失败的屏幕截图 Here point and angle is undefined

【问题讨论】：

该 SVG 不包含任何将显示的元素。即它是空白的。所以如果你在画布上渲染它，那里也会是空白的。
“失败”是指 canvg 抛出错误。即使 svg 标记没有绘制任何东西，它仍然应该能够解析它，但是它没有
究竟抛出了什么错误？
@RobertLongson 我已经用截图更新了问题

标签： javascript svg canvg

【解决方案1】：

你需要用defs标签包裹marker标签。

【讨论】：