如何使用鼠標操作在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中操作圖像？

回答

相關問題