D3 Leinwand Pinsel und Zoom

Ich arbeite an einer Heatmap mit Leinwand. Ich verwende SVG nicht, weil ich Datenpunkte mehr als 30.000 rendern möchte. Ich fand dieses Beispiel der Verwendung von Pinsel für Fokus + Kontext. https://bl.ocks.org/mbostock/34f08d5e11952a80609169b7917d4172 D3 Leinwand Pinsel und Zoom

Aber das funktioniert für SVG und ich möchte diese Funktionalität von Pinsel für Canvas verwenden. Ist das überhaupt möglich mit d3? Wenn nicht, was können die Workaround-Ideen sein, um Fokus + Kontext auf Canvas zu implementieren.

Quelle

2016-12-28 Achilles

In diesem Beispiel wird eine SVG-Bürste mit einem Hintergrund Leinwand: http://bl.ocks.org/mbostock/0d20834e3d5a46138752f86b9b79727e

Dieses Beispiel eine Leinwand Heatmap schafft: https://bl.ocks.org/mbostock/3074470

dieses Beispiel wird eine Leinwand Heatmap mit Zoom und keine Bürste: http://bl.ocks.org/tommct/8116740

Dies kann durch Kombinieren der zoombaren Leinwand mit einem Svg-Pinsel erfolgen.

Quelle

2016-12-28 13:08:01 brenzy

Danke für die Antwort. Ist es möglich, dass Sie sich all diesen Dingen anschließen und eine Geige machen? – Achilles

Jedes Stück Code funktioniert, aber es gibt keine detaillierte Beschreibung, was passiert, wenn der Pinsel bewegt wird. Wenn jemand mit Detailwissen diese Dinge kombinieren kann, wäre es sehr hilfreich. – Achilles

@Achilles, Sie haben nur gefragt, ob es möglich ist, und die Antwort ist ja :). Leider habe ich heute keine Zeit, dich zur Geige zu machen. – brenzy

D3 Leinwand Pinsel und Zoom

Antwort

Verwandte Themen