javascript - Raphael js でイメージサークルを作成する方法

Question

ラファエルに画像を渡しています。現在、画像は正方形で表示されていますが、画像を円形式で表示したいです。

<div class="demo"></div>

JavaScript

var r = Raphael("demo")

var myimage="xyz.jpg"

var img = r.image(myimage, 81, 80, 50, 50); 
   // displaying image in square (need to be circle)

私を助けてください。ありがとう

score 1 · Accepted Answer

関数 Element.attr(…) は、要素の属性を設定します。おそらく、円を作成してから、イメージで塗りつぶすことができます。属性は「塗りつぶし」です。

var circle = paper.circle(50, 40, 10);
// Sets the fill attribute of the circle to red (#f00)
circle.attr("fill", "#f00");

その例はラファエルのウェブからのものです。試してみてください：

circle.attr("fill", myimage);

また

circle.attr("fill", "xyz.jpg");

お役に立てば幸いです、ガブリエル。

javascript - Raphael js でイメージ サークルを作成する方法