Question

我正在处理一个小的PHP脚本，在页面中我有一个像这样的图像列表：

<image xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="http://www.wired.com/wp-content/uploads/2015/09/google-logo-1200x630.jpg" >
</image>

我需要的是为每个图像添加宽度和高度属性，以便我可以得到这个

    <image xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="http://www.wired.com/wp-content/uploads/2015/09/google-logo-1200x630.jpg" width="1200" height="630" >
  </image>

PS：应根据图片的链接自动计算图像的宽度和高度。是否可以使用Jquery或javascript执行此操作？

Answer 1

您可以使用Image对象在javascript中加载图片。然后你可以抓住宽度和高度。

var img = new Image();
$("svg image").each(function() {
    var link = $(this).attr('xlink:href');
    img.src = link;
    $(this).attr('width', img.width);
    $(this).attr('height', img.height);
});

请参阅：

https://jsfiddle.net/kfmvhokd/3/

图像的自动宽度和高度标记

1 个答案: