我有一张svg图片。我想在鼠标滚动时进行缩放，我想拖动图像。我可以在它是图像时拖动和缩放它。但我希望svg图像在对象中进行进一步编辑。
<div id="pcontainer1" class="pancontainer"> <img src="abc.svg" id="abc_svg" data="abc.svg" width="900" type="image/svg+xml" height="900"/> </div>
我使用了以下脚本： - jquery.kinetic.min.js - jquery.mousewheel.min.js - imagepanner.js
缩放abc.svg。它工作正常。但如果我把它作为这样的对象放置：
<div id="pcontainer1" class="pancontainer"> <object id="abc_svg" data="Corp_BluePrint_FACT_Accounting_updated.svg" width="900" height="900" type="image/svg+xml"> </object></div>
当我将其作为对象放置时，缩放和平移不起作用
答案 0 :(得分：1)
svg-pan-zoom对你来说似乎是个不错的选择。它是HTML中SVG的简单平移/缩放解决方案。我和这个lib一起工作过很多项目，它就像魅力一样。
查看这个简单的demo，并在他们的GitHub页面上找到更多信息。