點擊SVG形狀和與其它圖像放大

我一直在尋找很多例子具有相同的圖像放大圖像點擊SVG形狀和與其它圖像放大

$("#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來做到這一點。

來源

2017-10-19 Penny Pang

SVG是同等對待的圖像。正常使用SVG代替JPG或PNG，並相應地設置寬度/高度。 – freeworlder

提到的解決方案@freeworlder可能是最簡單的（只需將圖像保存爲SVG，將其放置在某處，然後在img src中使用.svg），但也可以將點擊偵聽器附加到SVG元素。例如：https：//jsfiddle.net/xq8f18b5/ –

SVG在任何瀏覽器中的處理都完全相同。剛纔提到的SVG，你會任何圖像，並相應尺寸：

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

來源

2017-10-22 09:38:01 freeworlder

點擊SVG形狀和與其它圖像放大

回答

相關問題