raphael js で描画したテキスト要素がたくさんあり、それら (raphael 紙全体) にドラッグ アンド ドロップの可能性を追加しました。それらのほとんどは完全にドラッグされますが、間違った方向に移動するテキスト要素がいくつかあります。なぜだかわからない?
このjsfiddleでは、テキスト要素の例を3つだけ描きます。間違った方向に移動するテキスト要素には、この「0 0.9407 -1 0 473.4541 293.4927」のようなマトリックスに「-1」があることに気付きました。マトリックスのこれらの値はIllustrator から提供 (ai を svg にエクスポート)
テキスト要素を選択できないようにしたいので、
event.preventDefault();
「onmouseover」、「onmouseout」、「onclick」などのマウスイベントをキャンセルしようとしましたが、成功しませんでしたこの問題をグーグルで検索しましたが、何も見つかりませんでした。何か提案はありますか?
解決策:
最後に、パンとズーム機能を有効にするraphael-pan-zoom プラグインを使用しましたが、問題なく動作しました。