jquery - 单击 SVG 形状并用另一个图像放大

Question

我一直在寻找很多使用相同图像放大图像的示例

$("#imgSmall").click(function(){                                                
    $("#imgBig").attr("src","http://www.freeimageslive.com/galleries/space/earth/pics/a17_h_148_22718.gif");
    $("#overlay").show();
    $("#overlayContent").show();
});

$("#imgBig").click(function(){
    $("#imgBig").attr("src", "");
    $("#overlay").hide();
    $("#overlayContent").hide();
});

http://jsfiddle.net/a8c9P/

我正在寻找的是单击 SVG 形状（而不是图像），然后放大以显示另一个图像（而不是之前显示相同的图像）。

我正在使用 jquery 来执行此操作。

Answer 1

SVG 在任何浏览器中都被视为图像。只需像引用任何图像和相应大小一样引用 SVG：

<img src="images/vector.svg" style="width:400ps;height:400px/>