2017-01-04 4 views
0

オンザフライでこの写真を交換する方法? (HTMLのSVG要素を削除せず、それを再レンダリング)どのようにオンザフライで要素からのイメージを置き換えますか?

xlink:href="http://missosology.info/forum/download/file.php?avatar=11666_1307312313.jpg"

CODE:https://jsfiddle.net/bfv17f0e/

<svg class="clip-svg user-img" width="36" height="36" viewBox="0 0 560 645"> 
    <defs> 
    <clipPath id="polygon-clip">       
     <polygon points="270,0 0,160 0,485 270,445 560,0 0,160"></polygon> 
    </clipPath> 
    </defs> 

    <image clip-path="url(#polygon-clip)" 
     height="100%" 
     width="100%" 
     xmlns:xlink="http://www.w3.org/1999/xlink" 
     xlink:href="http://missosology.info/forum/download/file.php?avatar=11666_1307312313.jpg" 
     > 
    </image> 

</svg> 

EDIT:

$('image').attr('xlink:href', 'new image'); its not working not replacing the image, how do i replace that url? 
+1

他のDOM要素と置き換えて同じです。 – dfsq

+0

@dfsq _re-rendering_を停止することは可能ですか?この質問で私には意味をなさない。 – Jai

+0

SVG要素の削除と置き換えを避けることができます。しかし、再レンダリングを避けることは...画像を更新する点をある程度避けてくれるはずです。 –

答えて

0

作品。

$('image').attr('xlink:href', newPath)

関連する問題