在Raphael中使用javascript调整jpg的大小

Question

我正在使用jquery和Raphael创建一个带有卡片的界面，这些卡片可以移动并在其上有不同的图像。我创建了矩形对象，图像为填充。目前，图像只能是原始图像的大小，但我想调整它们的大小，使它们长两倍（原始图像宽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

您可以使用Raphael的Element.transform()方法扩展元素。

双倍宽度：

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

双倍宽度和高度：

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