如何使用鼠标操作在SVG中操作图像？

我：如何使用鼠标操作在SVG中操作图像？

<html> 
    <body> 
     <svg> 
      <image x="0" y="0" width="5px" height="5px" xlink:href="myimage.png">

如何让访问者使用点击和拖动操作将图像缩放和SVG内调整它的位置？

更新：我注意到Raphael has click and drag方法，以便解决我的问题的位置部分。我如何让用户规模的形象？计划：找到图像的角落，使其附近的区域可供选择&可拖动，并使用这些向量更新图像尺寸。

更新2：我得到它的工作！我在拉斐尔制作了一些多边形，并用基本的矢量数学缩放了图像。

来源

2011-09-04 ram1

这篇说明：http://www.carto.net/papers/svg/samples/#iact我用它在我的GIS项目，以获得SVG诀窍。另外：http://books.google.com/books?id=Sgqqm6yDhigC&pg=PA963&lpg=PA963&dq=SVG+coordinates+to+screen&source=bl&ots=5zMJNxE6qh&sig=T2PsijVw-evK38sAxmArByz3mZ4&hl=zh-CN&ei=41ikTemMMc3dsgaK0p2TCA&sa=X&oi=book_result&ct=result&resnum=5&ved= 0CDgQ6AEwBA＃v = onepage＆q = SVG％20coordinates％20to％20screen＆f = false有很多有趣的JS代码。 – Cipi

我刚刚阅读你的评论，Cipi。抱歉耽搁了。你有用的链接帮助我解决了这个问题。谢谢。 – ram1

看看这link中的代码。这几乎正是你需要的。

这link，甚至更好:)

来源

2011-11-17 18:33:59 CoR

您分享的这两个链接都是下一个遇到此问题的人的理想阅读。很有用。 – ram1

如何使用鼠标操作在SVG中操作图像？

回答

相关问题