css - 如何在 D3 或 JS 中将样式应用为 SVG 元素的属性

标签 css d3.js svg html2canvas

当我使用 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/

相关文章:

javascript - 当我加载页面时 jQuery 不工作

css - 在wordpress中更改内容正文背景颜色

javascript - 单击类的元素时始终触发事件

javascript - 为什么 svg 上的转换不能立即在 DOMContentLoaded 上工作?

javascript - 从SVG中的路径获取id

css - 将文本定位在绝对的 div 下

javascript - 试图找到 clientWidth 时,绝对位置搞砸了一切

javascript - 按层次结构深度过滤

javascript - D3 : "SVG4601: SVG Path data has incorrect format and could not be completely parsed."

javascript - 如何在 d3 js 中正确使用 SVG 中的 Use 标签?