如何在拉斐爾的圓圈內獲得完整的圖像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是這種行爲的一個很好的例子。

順便說一句，你寫類 = 「DISP」 和var r = Raphael("disp");將無法​​正常工作 - 爲ID這個函數等待。

Answer 2

Here's a solution你可以直接放入你的代碼，假設你使用的是jQuery以及Raphael