1

ラファエルで作成した paper.path に背景画像を配置したい

paper.path(arc([xCenter, yCenter], radius, startAngle, endAngle)).attr({
                'stroke': "#ccc",
                'stroke-width': rinc - 1
            });

結果: http://jsfiddle.net/n4Rvr/

#ccc 色の代わりに画像を入れたいだけです。出来ますか？しかし、インターネット上で興味深いものを見つけられませんでした。

4

1 に答える 1

2

パスのストロークを塗りつぶしますか? Raphaël ではストロークでパターンを使用することはサポートされていないため、純粋な svg ほど簡単ではありません。純粋な svg では、パターンでストロークするか、指定されたパスで画像をマスクして、目的の効果を得ることができます。

Raphaël で似たようなものを作成するには、ストローク パスを新しいパスとして作成する必要があります。基本的には、内側と外側の円弧をトレースして塗りつぶすことができます。次に、「ストローク」の代わりに「塗りつぶし」を使用し、必要な画像の URL を渡します。

于 2012-10-29T19:02:52.697 に答える