[英]What is a “context” in this context: “symbol.context([context])”
我正在嘗試將外部SVG加載並附加到Electron項目中的現有SVG上。 d3.xml
方法不適用於我,因此我正在研究d3.symbols ,希望如果我提供路徑數據(來自fs.readFileSync調用),則可以創建自己的符號。
看文檔,我不明白“上下文”是指什么。 它是像g
(組)這樣的元素嗎? 它是頂級SVG嗎?
在這里有點偏僻。
symbol.context([上下文])
如果指定了context,則設置上下文並返回此符號生成器。 如果未指定context,則返回當前上下文,默認為null。 如果上下文不為null,則將生成的符號作為一系列路徑方法調用呈現到此上下文。 否則,將返回代表所生成符號的路徑數據字符串。
d3
版本4的新增功能之一是能夠直接繪制到HTML5 canvas元素。 以前的版本主要只處理使用SVG
。 .context
調用需要一個HTML5畫布上下文,然后在該畫布上進行后續繪制活動。 如果為null
(默認情況下為null
),則d3
假定您正在繪制svg並返回路徑數據,以供以后調用.attr("d", pathDataString)
。
從版本4 CHANGES文檔中 :
形狀不再局限於SVG; 他們現在可以渲染到畫布! 形狀生成器現在支持可選的上下文:給定CanvasRenderingContext2D,您可以將形狀渲染為要填充或描邊的畫布路徑。 例如,畫布餅圖可以使用弧形生成器:
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.