在这种情况下什么是“上下文”：“symbol.context([context])”答案

【问题标题】：What is a "context" in this context: "symbol.context([context])"在这种情况下什么是“上下文”：“symbol.context([context])”
【发布时间】：2017-10-11 17:11:39
【问题描述】：

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

查看文档我不明白“上下文”指的是什么。它是像g（组）这样的元素吗？是顶级SVG吗？

这里有点乱。

symbol.context([context])

如果指定了上下文，则设置上下文并返回此符号发电机。如果未指定上下文，则返回当前上下文，默认为空。如果上下文不为空，则生成符号作为一系列路径方法调用呈现到此上下文。否则，表示生成符号的路径数据字符串为返回。

【问题讨论】：

标签： javascript d3.js

【解决方案1】：

d3 第 4 版的新增功能之一是能够直接绘制到 HTML5 画布元素。以前的版本主要只处理使用SVG 的绘图。 .context 调用需要 HTML5 画布上下文，然后将在该画布上进行后续绘图活动。如果它是null（默认情况下），那么d3 假定您正在绘制到svg 并返回路径数据以供以后调用.attr("d", pathDataString)。

从版本 4 CHANGES document:

形状不再局限于 SVG；他们现在可以渲染到画布上！形状生成器现在支持可选上下文：给定 CanvasRenderingContext2D，您可以将形状渲染为要填充或描边的画布路径。例如，画布饼图可能使用弧生成器：

【讨论】：

啊，好的。知道了。谢谢！