在Raphael調整jpg與JavaScript的大小

Question

我正在使用jquery和Raphael創建一個可以移動並在其上有不同圖片的界面。我用圖像創建了rect對象作爲填充。目前圖像只能是原始圖像的大小，但我想調整它們的大小以使它們延長兩倍（原始圖像的寬度和高度均爲40像素，但我希望它們爲80）。我怎樣才能做到這一點，而無需更改原始文件？

這裏是我的代碼：

for(var i = 71; i > 0; i--){ 

    var card_name = orderRecord[i - 1];//orderRecord is a randomly ordered array of ints between 1 and 72 

    //the images are titled 'image1.jpg', 'image2.jpg', etc. 
    cards[card_name] = main_canvas.rect(10, 10, 80, 80).attr('fill','url(images/thumbnails/image' + card_name + '.jpg)'); 
} 

Answer 1

你可以用規模拉斐爾的Element.transform()方法的元素。

雙寬度：

cards[card_name].transform([ '...s2,1' ]); 

雙寬度和高度：

cards[card_name].transform([ '...s2,2' ]);