如何在Raphael js中获得圆圈内的完整图像

时间:2012-06-28 12:05:04

标签: javascript jquery css raphael

我可以在圆圈内填充图像。但问题是图像在圆圈内变焦,我希望图像缩小或适合圆圈。

<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

请帮帮我!感谢

2 个答案:

答案 0 :(得分:0)

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

顺便说一下,您写了 class =“disp”而var r = Raphael("disp");无效 - 此函数等待 id

答案 1 :(得分:0)

Here's a solution您可以直接放入代码中,假设您使用的是jQuery以及Raphael