調整大小和可拖動該組的SVG元素

我對SVG應用程序的工作，現在希望讓用戶使用拖動角落，很像SVG編輯（HTTP調整的對象：//svg-edit.googlecode .COM/SVN /主幹/編輯/ SVG-editor.html）。該功能應該如下工作：用戶選擇一個SVG對象，將其拖動到主「畫布」上，並在「畫布」上拖動一次，出現對象外側的四個角，用戶可以拖動每個角點&拖動放大對象。這些對象的形狀將是矩形的，並且使用路徑創建，而不是使用SVG的「矩形」功能。有沒有人有任何建議，應如何實施？由於提前調整大小和可拖動該組的SVG元素

來源

2010-10-22 Abdul Rauf

你可以看看一些現有的開源實現。 svg-edit是你已經提到的一個。

爲了展示我開發了一個工具，我寫了一個demo，將實現該功能。這可以作爲比svg-edit更簡單和更嚴格的示例，因爲除了允許您繪製rects和圓以及旋轉/轉換/縮放它們之外，它不會做太多的事情。

來源

2010-10-22 10:18:18 jbeard4

THANX，很好的例子，但我不希望使用jquery.im目前使用SVG是一種有其他的方式來實現這些functionalty我還沒有感覺到如何解決SVG矩形和矩形的其他角落的一個cornor是可拉伸的我之前說過像SVG-edit，當SVG的畫布是Draggable時，我不知道Jquery的語法。我想實現一個實現該功能的函數 – 2010-10-25 10:33:37

jquery-svg庫僅在本例中用於創建SVG元素，作爲冗長的DOM語法的一種簡便替代方法：http://keith-wood.name/svg.html它不應該太難理解。主要邏輯是通過使用SCXML和在瀏覽器中將其編譯爲JavaScript的scxml-js庫實現的：http://www.w3.org/TR/scxml/如果您瞭解在此使用的狀態機定義的行爲演示，它應該不是太難以推出自己的例子。 – jbeard4 2010-10-25 12:01:45

thanxs Echo。只是快速瀏覽了W3文檔，對於完全不瞭解XML的人來說，這似乎相當艱鉅。它主要似乎是專注於語音識別，是否有任何特定的部分我應該關注並期望解決我上面提到的問題？我寧願不花時間在這個，如果我不必...... – 2010-10-27 11:53:15

我已經編輯了jQuery使矩形可拖動，最近把它們放在一個G和失去了這個功能。 g不包含位置數據。可能會冒泡到孩子的元素。

來源

2011-11-23 00:29:32 zdoxOOI3

調整大小和可拖動該組的SVG元素

回答

相關問題