D3キャンバスブラシとズーム

私はキャンバスを使ってヒートマップを作成しています。 SVGを使用していないのは、データポイントを30,000以上レンダリングしたいからです。私はfocus + contextのためのブラシの使用例を見いだしました。 https://bl.ocks.org/mbostock/34f08d5e11952a80609169b7917d4172 D3キャンバスブラシとズーム

これはSVGで動作します。この機能をキャンバスに使用したいと思います。 d3でそれを実行することも可能ですか？キャンバスにfocus + contextを実装するための回避策のアイデアは何か。

2016-12-28 Achilles

この例では、背景のキャンバスとSVGブラシを使用する：http://bl.ocks.org/mbostock/0d20834e3d5a46138752f86b9b79727e

この例では、キャンバスのヒートマップを作成する： https://bl.ocks.org/mbostock/3074470

この例では、ズームなしブラシでキャンバスのヒートマップを作成する：http://bl.ocks.org/tommct/8116740

これは、ズーム可能なキャンバスとsvgブラシを組み合わせることによって行うことができます。

2016-12-28 13:08:01 brenzy

お返事ありがとうございます。あなたが言ったようにこれらすべてのことに加わり、フィドルを作ることは可能ですか？ – Achilles

コードの各部分は動作しますが、ブラシが動かされたときのような詳細な説明はありません。詳細な知識を持った人が一緒にこれらのことを組み合わせることができれば、本当に役に立ちます。 – Achilles

@Achilles、あなたはそれが可能であったかどうかを尋ねました。答えはyesです:)。残念ながら、私はあなたに今日のフィドルをする時間がありません。 – brenzy

答えて