0

我正在使用svg-pan-zoom在我的 svg 上加载添加放大和缩小功能。但是我的 svg 没有存储在文件中，它是通过 js 生成的。

我想添加一个 thumbnailViewer，根据他们的示例，他们将 svg 放在这样的嵌入标签中：

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

但是我的 svg 不是静态文件，我该如何解决？任何想法？谢谢。

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

4

2 回答 2

0

是的，当然！您可以在此处的示例中使用内联 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
});
于 2017-02-14T12:23:44.603 回答
0

有关完整答案，请查看GitHub 上的相同问题。

基本上，您必须创建 2 个类似的 SVG（并并行更新它们），因为这就是插件的工作方式。除此之外，您应该像使用任何其他内联 SVG 一样使用该插件（内联 SVG 有很多示例）。

于 2016-11-24T22:19:33.063 回答