javascript - 在这种情况下 : "context" 是什么 "symbol.context([context])"

Question

我正在尝试加载外部 SVG 并将其附加到 Electron 项目中的现有 SVG。 d3.xml 方法对我不起作用，所以我正在查看 d3.symbols ，希望如果我提供路径数据(来自 fs.readFileSync 调用)，我可以创建自己的符号。

查看文档我不明白“上下文”指的是什么。它是一个类似g(组)的元素吗？它是顶级 SVG 吗？

这里有点崩溃。

symbol.context([context])

If context is specified, sets the context and returns this symbol generator. If context is not specified, returns the current context, which defaults to null. If the context is not null, then the generated symbol is rendered to this context as a sequence of path method calls. Otherwise, a path data string representing the generated symbol is returned.

Answer 1

d3 版本 4 的新增功能之一是能够直接绘制到 HTML5 canvas 元素。以前的版本主要仅处理使用 SVG 进行绘图。 .context 调用需要一个 HTML5 Canvas 上下文，然后后续的绘图事件将在该 Canvas 上进行。如果它是 null (默认情况下)，则 d3 假设您正在绘制 svg 并返回路径数据以供稍后调用 .attr("d”，pathDataString)。

从版本 4 CHANGES document :

Shapes are no longer limited to SVG; they can now render to Canvas! Shape generators now support an optional context: given a CanvasRenderingContext2D, you can render a shape as a canvas path to be filled or stroked. For example, a canvas pie chart might use an arc generator: