javascript - 図形をd3にロードする

Question

D3で使用したい図形のセットがあります。それらは境界線を定義しており、png形式です。でも使い方がわかりません。これはサポートされるべきであるように思われますが、私はWebとSOを検索しましたが、その方法を見つけることができないようです。誰かが私を正しい方向に向けることができますか？

Answer 1

SVG 形状はパスとして読み込まれます。円、楕円、長方形などの事前定義された形状の場合は、サイズを決定する属性を持つ形状として読み込まれます。

PNG を読み込む場合は、次のように画像を読み込む必要があります。

newImage = svg.append("svg:image")
.attr("xlink:href", "../yourImageNameAndPath.png")
.attr("width", 280)
.attr("height", 280);