2011-12-16 15 views
3

jquery svgプラグイン(http://keith-wood.name/svg.html)を使用して、プログラムでsvgシェイプを作成しています。ドラッグは、長方形の場合はうまくいくように見えますが、グループ化されたオブジェクト(ボタンを表すオブジェクトがある場合)を扱う場合や、テキストのドラッグを扱う場合は、色あせています。オブジェクトは移動しますが、どこに移動する必要はありません(SVG描画領域の異なる領域にジャンプします)。ここでドラッグ可能なSvgグループを作成する

は、いくつかのサンプルコードです:

function makeDraggable(svgComponent) { 
var svg = $('#svgscreen').svg('get'); 


$('#' + svgComponent.name, svg.root()).draggable().bind('drag', function(event, ui) 
    { 
    event.target.setAttribute('x', ui.position.left); 
    event.target.setAttribute('y', ui.position.top); 
}); 


} 

誰もが今までこのような何かに対処しなければならなかった場合、私は任意の提案をいただければ幸いです。コンポーネント名は、svgシェイプ(グループ化されたオブジェクトの場合はグループ)の一意のIDです。

答えて

0

問題はどこにあるのですか?私は「ドラッグ」機能に次のコードを入れて修正しました:

関連する問題