代码之家  ›  专栏  ›  技术社区  ›  Dave Taylor

如何根据拉斐尔返回的图像动态设置图像大小比率?

  •  3
  • Dave Taylor  · 技术社区  · 15 年前

    如何根据拉斐尔返回的图像动态设置图像大小比率?

    这里有一些代码可以让您了解:

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

    谢谢你

    1 回复  |  直到 15 年前
        1
  •  5
  •   Peter Ajtai    15 年前

    您可以在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 规模化。一定要注意时间安排。

    而且,一旦图像在拉斐尔,你可以使用 .scale()