单击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/>