当我使用 D3 操作 SVG 元素时,我同时应用了 attr(例如 x, y cx, cy)
和 style(例如 stroke, text-anchor, fill)
到 SVG 元素,仅适用于 D3 本身,效果很好,
但是当我尝试使用 html2Canvas.js 拍摄快照时,SVG 元素中的样式部分出现错误,我尝试了几次,结果是当我将这些样式作为 attr ,然后一切又正常了,所以我想知道如何将所有有效样式移动到 attr 中(我需要保留样式,因为我有时只能设置为样式才能工作)
或者另一个直接的帮助可能是我如何让 html2canvas 识别 attr 和 style 并获得它们的最终合作效果。
最佳答案
首先尝试将 svg 转换为 Canvas 。有一个元素https://github.com/gabelerner/canvg在那里,这可能对你有帮助。转换 svg 后,html2canvas 应该能够正确渲染快照。
关于css - 如何在 D3 或 JS 中将样式应用为 SVG 元素的属性,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37402041/