2

画像を円の中に入れようとしていますが、成功しません。これは私のコードです:

//Elms.raphael() is my stage.
var circle  = Elms.raphael().circle( 730, 200, 0 );
circle.attr( { fill : 'url(myImg.jpg)' } );                 

setTimeout( function()
{
   circle.animate( { 'stroke' : '#000', r : 90, 'stroke-width' : '5' }, 300 );
}, 250 );

画像を円に入れる代わりに、黒（「#333」）で色付けされます。画像オブジェクトも作成しようとしましたが、まだ機能しません。

少し助けてください？

4

2 に答える 2

4

別の画像があり、それを円オブジェクトに重ねたい場合は、別の方法があります。

これにより、画像全体が円に収まる小さなサイズで表示されます。デモ

var r = new Raphael(10,10, 500, 500);
var c = r.circle(200, 200, 80).attr({stroke: 'red', "stroke-width" : 3});

var img = r.image("http://www.eatyourcareer.com/wp-content/uploads/2012/06/ok-256x2561.png", 100, 105, 200, 200);
于 2013-08-02T21:35:55.357 に答える