如何在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)

请帮帮我。感谢

Answer 1

函数Element.attr（...）设置元素的属性。也许你可以创建一个圆圈，然后用你的图像填充它。 attr是“填充”。

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

这个例子来自Raphael的网站，你应该尝试：

circle.attr("fill", myimage);

或

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

希望有所帮助， 加布里埃尔。

Answer 2

您需要绘制一个圆，然后用图像填充它。已经回答here.