在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' ]);