JavaScriptによるパターンイメージパラメータをSVG内で変更するにはどうすればよいですか？

埋め込みSVG内のロゴを変更する必要があります。パターンに定義されたロゴイメージリンクをRect/Pathコンテナに適用します。 JSによる画像へのリンク（xlink：href = "link_to_logo.svg"）を変更する方法はありますか？JavaScriptによるパターンイメージパラメータをSVG内で変更するにはどうすればよいですか？

<pattern id="logo" 
    patternUnits="objectBoundingBox" 
    x="0" y="0" width="1" height="1"> 
    <image x="0" y="0" 
     xlink:href="link_to_logo.svg" 
     width="331" height="331"> 
    </image> 
</pattern> 

<path id="logo-container" d="M1152 99h331v331h-331z" fill="url(#logo)"/>

出典

2016-11-27 Sergey Prostov

$('#logo img').attr('xlink:href', 'newValue')

それを行う必要があります。

出典

2016-11-27 18:39:57

ありがとうございました。今すぐお試しください... –

'イメージ 'の代わりに' img'の使い方を説明できますか？これをチェックすると、ブラウザはDOMをイメージからimgに変更しますが、その変更のための信用できるソースは見つかりませんでした。 – Dekel

@Dekelそれはタイプミスでした –

image.setAttributeNS("http://www.w3.org/1999/xlink","href",newValue)

in plain js use setAttributeNS

出典

2016-11-27 18:49:45

Holgerありがとう、あなたのアプローチも試してみる –

JavaScriptによるパターンイメージパラメータをSVG内で変更するにはどうすればよいですか？

答えて

関連する問題