これは、svg-pan-zoomを使用しているときにファイルをロードする代わりにsvgコードをロードできますか？

Question

私はsvg-pan-zoomを使用して、自分のsvgにズームインとズームアウトの機能を追加しています。 しかし、私のsvgはファイルに格納されていません、それはjs経由で生成されます。私はthumbnailViewerを追加したいと思い

は、彼らの例によると、彼らはこのようにembedタグ内のSVGを置く：

<embed id="thumbView" type="image/svg+xml" src="tiger.svg" class="thumbViewClass"/> 

しかし、私のSVGは、私がいることを解決することができますどのように、静的なファイルではありません？何か案が？ありがとう。完全な答えを

http://ariutta.github.io/svg-pan-zoom/demo/thumbnailViewer.html

Answer 1

同じissue on GitHubをご確認ください。

基本的には、プラグインの仕組みと同じように、2つの同様のSVGを作成して（並行して更新する）必要があります。それ以外のプラグインは、他のインラインSVGと同様に使用する必要があります（インラインSVGの例がたくさんあります）。

Answer 2

はい以下の例のインラインSVGを使用することができます：http://ariutta.github.io/svg-pan-zoom/demo/inline.html

<svg id="demo-tiger" xmlns="http://www.w3.org/2000/svg" width="100%" height="500px" viewBox="0 0 2049 1393"> 

var panZoom = svgPanZoom('#demo-tiger', { 
    viewportSelector: viewportGroupElement 
});