d3.js - d3 ツリーマップの背景の四角形として画像を使用できますか?

Question

各長方形の背景を画像にしてd3でツリーマップを作成することは可能ですか? ここで Silverlight で行われたことに似たものを探していますが、d3. 可能であれば、背景を画像に接続するプロセスを順を追って説明する推奨チュートリアルはありますか?

Answer 1

画像には幅、高さの属性が必要であることに注意することが重要です

chart.append("defs")
                  .append('pattern')
                    .attr('id', 'locked2')
                    .attr('patternUnits', 'userSpaceOnUse')
                    .attr('width', 4)
                    .attr('height', 4)
                   .append("image")
                    .attr("xlink:href", "locked.png")
                    .attr('width', 4)
                    .attr('height', 4);