how to get the real (unscaled) size of an embedded image in the svg document?!

Question

I have a SVG document with the image entry in it:

Answer 1

I did a little research and was unable to discover a property that you could enumerate to get the images actual width and height. However there was another approach which seemed interesting which included an xmlHttpRequest to get the image and enumerate it's dimensions.

That made me think of a slightly faster way. The solution is to utilize a hidden

as a working container and pulling down the necessary images (using ) where you can enumerate width and height there. This pseudoCode For example:

• Iterate through collection of images
• Create an image node with the appropriate src path
• Append the new node to div#ImageEnumeration
• Enumerate image retrieved

Just for grins (if it helps) here was a draft of some code for the xmlHttpRequest:

var imgRequest = 
  function(sImgUrl, oRequestCallback){
    var xhr = new XMLHttpRequest();  
    xhr.open('GET', sImgUrl, true);  
    xhr.onreadystatechange = oRequestCallback;
    xhr.send(null);  
    };

var xhrImageRequest =
  function(result){
    var oImageDimensions;
    //Create and append  to 

    //Get image width and height
    //return image width and height
    };

var myImage = imgRequest("http://example.com/myImage.png", xhrImageRequest);

If this doesn't solve your problem, I hope it will at least create some new ideas in solving it.

0 讨论(0)

查看其它2个回答

发布评论:

提交评论

---

•  加载中...