如何根據raphael中的返回圖像動態設置圖像大小比例？

Question

如何根據raphael中的返回圖像動態設置圖像大小比例？

下面是一些代碼給你一個想法：

var viewer = Raphael(0,0,scrWidth, scrHeight); 
viewer.image(dynamicUrl, 140, 140,300, scaledHeight); 

謝謝

Answer 1

您可以加載圖片的DOM之外，並得到其尺寸......你可以把這個函數中：

var myImg = new Image(); 
myImg.src = dynamicUrl; 
myImg.onload = function() { 
    var width = myImg.width; 
    var height = myImg.height; 
    var scale = 0.5; // for example 

    var viewer = Raphael(0,0,width, height); // or whatever other size 
    viewer.image(dynamicUrl, 0, 0, width*scale, height*scale); // scale image 
     // after the image is in the viewer you can use .scale() 
} 

jsFiddle

現在，你可以把或MUL最終都要按比例調整width和height。確保你注意時間。

而且，一旦圖像是拉斐爾，你可以使用.scale()