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

现在，您可以将width和height分开或相乘以进行缩放。确保你注意时间。

此外，一旦图像在Raphael中，您可以使用 .scale()

如何根据raphael中返回的图像动态设置图像大小比例？

1 个答案: