javascript - Raphael.js - 具有原始宽度和高度大小的图像？

Question

嗨 RaphaelJS 用户 =) ,

我可能有一个愚蠢的问题，但我似乎找不到答案，问题是，我正在尝试使用 Raphael 加载/创建图像，没关系，就像这样:

var image_1 = paper.image('/img/img1.jpg', 0, 0, 100, 100);

但是如您所见，似乎总是必须提供“width”和“height”属性，我已经检查了文档，但它总是很短而且没有那么详细，我尝试提供 null 参数或为空参数，但它不起作用...

所以我想知道在 raphael 中是否真的有直接的方法来做到这一点，或者......我之前是否必须始终获得这些值？？？

我的意思是，像这样的东西？:

var imgURL = "../img/img1.jpg"

var myImg = new Image();
myImg.src = imgURL;

var width = myImg.width;
var height = myImg.height;

   //create the image with the obtained width and height:
    var image_1 = paper.image('/img/img1.jpg', 0, 0, width, height);

这样一来，我加载了图像的原始大小，这有点解决了我的问题，但是......Raphael 内部没有办法做到这一点吗？？？

Answer 1

现在......我想我必须用我自己的答案来回答我自己的问题，因为我似乎没有找到其他方法或有人告诉我 =P

var imgURL = "../img/img1.jpg"

var myImg = new Image();
myImg.src = imgURL;

var width = myImg.width;
var height = myImg.height;

   //create the image with the obtained width and height:
    var image_1 = paper.image('/img/img1.jpg', 0, 0, width, height);