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です。