D3帆布刷和縮放

Question

我正在使用畫布的熱圖上工作。我沒有使用SVG，因爲我想渲染數據點超過30,000。我發現這個使用畫筆作爲焦點+上下文的例子。 https://bl.ocks.org/mbostock/34f08d5e11952a80609169b7917d4172

但是，這適用於SVG，我想爲畫布使用此功能的畫筆。 甚至可以用d3來做到這一點嗎？ 如果不是什麼可以成爲在畫布上實現焦點+上下文的解決方法。

Answer 1

此示例使用SVG刷與背景畫布：http://bl.ocks.org/mbostock/0d20834e3d5a46138752f86b9b79727e

本示例創建畫布熱圖： https://bl.ocks.org/mbostock/3074470

此示例創建與變焦帆布熱圖和無刷：http://bl.ocks.org/tommct/8116740

這可以通過將可縮放畫布與svg畫筆結合來完成。