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

这是一个可以直接放入代码中的解决方案，假设您使用的是 jQuery 和 Raphael

Answer 2

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

顺便说一句，你写了class ="disp" 并且var r = Raphael("disp");不起作用 - 这个函数等待id。