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

发布于 2024-09-28 13:58:02 字数 198 浏览 9 评论 0原文

这里有一些代码可以给你一个想法：

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

谢谢

原文

How can I dynamically set the image size ratio depending on the returned image in raphael?

Here is some code to give you an idea:

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

Thank you

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

唠甜嗑 2024-10-05 13:58:02

您可以在 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

现在，您可以除以或乘以宽度和高度来缩放。请务必注意时间安排。

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

You can load the image outside the DOM and get its dimensions... You can put this inside a function:

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

Now you can divide or multiply both width and height to scale. Make sure you pay attention to the timing.

Also, once the image is in Raphael, you can use .scale()

回复收藏 0 原文

~没有更多了~