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)

请帮帮我。谢谢

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

您需要画一个圆圈，然后用图像填充它。这已经在这里得到了回答。