Fatal编程技术网
  • javascript/
  • Javascript svg图像缩放、平移和编辑

Javascript svg图像缩放、平移和编辑

javascript jquery svg

Javascript svg图像缩放、平移和编辑,javascript,jquery,svg,Javascript,Jquery,Svg,我有一个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> 我使用了以下脚本：

我有一个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.mouseweel.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>
当我将其作为对象放置时，缩放和平移不起作用，如上所述

似乎是一个不错的选择。它是HTML中SVG的简单平移/缩放解决方案。我已经在许多项目中使用过这个库，它就像一个魅力

查看这个简单的，并在他们的GitHub页面上找到更多信息。

谢谢你的想法。。但在演示中使用了widows.load。我的代码中有许多函数，因此无法使用windows.load。还有其他选择吗？我想调用此对象中的svg图像进行缩放和平移