javascript - 如何在 Raphael js 中获取圆圈内的完整图像

Question

我可以在圆圈内填充图像。但问题是图像在圆圈内放大，我希望图像缩小或适合圆圈。

<div class="disp"></div>

JavaScript

  var r = Raphael("disp");

  var cir=r.circle(100, 100,33).attr({fill:"url(image.jpg)"});
// image get zoomed, how to make image fit into circle or less zoomed

请帮帮我!谢谢

Answer 1

您需要做一些数学运算。不要使用 attr(fill) - 创建一个 image 对象并将其放入您的圈子。
Here就是这种行为的一个很好的例子。

顺便说一句，你写了 class="disp"和 var r = Raphael("disp"); 不会工作 - 这个函数等待 id .