問題タブ [svg-edit]

私は svg を初めて使用します。svg エディターで生成された svg パスの内側または外側のパスを描画する必要があります。描画できません。私はたくさん試しましたが、できません。

助けて。

前の行は svg editor で rect を作成します。上記のパスの内側の四角形または外側の四角形を描く必要があります。複合壁のようにする必要があります。だから私はそれを動的に行うための式や計算があるかどうかを知る必要があります。私はこれを試しました

正しく動作していますが、ユーザーが生成したパスに対して動的に作成するにはどうすればよいですか。

次のユーザー生成コードを試しました

私はこれを次のように変換します

この最初の m から z への元のパス コードでは、2 番目の m から z が生成されますが、機能しません

私はsvgエディター2.7バージョンで作業しています。ここでは、javascriptを使用してsvgの長方形の個々の境界値を選択する必要があります。

私の長方形はこの選択されたツールを取得していますが、下の画像のように長方形の個々のコーナーを選択する必要があります

svg編集ファイルには、mousedown、mousemove、およびmouseupイベントが含まれています。ここでは、GETBBOX()関数を使用して境界値を取得しました。しかし、上の画像2のように選択のために境界を分割する必要があります。ここでは、svgで長方形の境界を取得するためのマウスオーバーイベントに取り組んでいます。しかし、私はそれを達成しませんでした。これについて親切に私を導くか、正しい方法に私をドラッグしてください。

私は SVG エディター 2.7 バージョンで作業しています。ここでは、Javascript を使用して SVG のパス タグの選択領域を変更する必要があります。

たとえば、次の画像を参照してください。

ここで SVG エディターについて分析すると、<g>タグは自動的に生成され、長方形のみが提供される選択領域が 1 つだけ作成されます。ここで、パス セクションの選択領域を変更する必要があります。

以下のコードは以下に基づいていselect.jsます:

動的作成<g>タグベース

添付の両方の画像を確認してください。私たちは第 1 段階 (画像) にあり、第 2 段階にします - 選択領域は、2 番目の画像のように境界を越えている必要があります (画像の右側のようにする必要があります)。親切に私を助けてください。

すべての提案は高く評価されます。

私はsvg edit 2.7で作業しており、svgのパスタグで作業しており、不規則な形状のパスを作成しています。次に、任意の svg オブジェクトをパス タグの上または内側にドラッグできます。パス タグの上または内側にドラッグ アンド ドロップすると、そのオブジェクトの角度に対して正確に最も近い描画された x 点と y 点が得られます。SVG オブジェクトをパス タグの上にドラッグする必要があります。角度を変更する必要があります(変換セクション: 回転)。たとえば、作業領域にパス (サーフェス) を描画し、そのパス (サーフェス) にドラッグ アンド ドロップする必要があります。ここに私の問題ベースの画像を添付しました：

ここで、パスタグのすべてのポイントが見つかりましたが、ドラッグされたオブジェクトがそのパス境界に残っている間に正確なポイントを取得する必要があります。

最も近いパスポイントを取得するための次のコード

上記のコードは、パス タグで隣接する行を検索するために使用されます。

ここで 絶対線 TOは、パス タグ内のすべてのポイントをもたらします。ユーザーがパス タグの 2 行目にドア オブジェクトを残すとき、パス内の x 座標と y 座標を取得する方法。前もって感謝します

私はsvg-edit自分のプロジェクトで を使用してsvgedit.compiled.jsおり、必要に応じて を変更しています。ここでいくつかの問題が発生してtransformいtransform matrixますtransform。

transform要素がフォローされている場合に電流を取得する私のコード

しかし、次の行と同じconsole.log(test_x);値を取得していますが、使用しmatrix(0, 0.722035, -0.51, 0, 1561, 776.524) て同じ要素を取得していますが、値を下回っている代わりに前の値を取得していませんtransformthis.getCTM()

ここで何が間違っていますか？これに関する手がかりはありますか？

blue griffon によって別ウィンドウで使用されているようですが、その場で svg を編集することは可能ですか?

ビデオを svg ファイル ( svg-edit エディター) に挿入することはできますか? チームワークに svg-edit を使用したいのですが、現時点ではビデオ youtube の挿入がありません。いくつかの例を見つけましたが、機能しません。たとえば、このリンクです。svg-edit で YouTube ビデオを svg ファイルに埋め込む方法について、いくつかのリソースを参照していただけますか?

SVG-EDIT ウィンドウの終了を傍受することは可能ですか?

ウィンドウを閉じるときに、ファイルのクリーンアップを行う必要があります (SVG-EDIT に提供した一時的な背景画像を削除するなど)。

ありがとう！

問題を再現する手順

1. ドキュメントとバージョン履歴で定義されているように、config.js で allowedOrigins: ["*"] を設定します。
2. 他のドメインからエディタに画像を追加

Uncaught SecurityError: 'HTMLCanvasElement' で 'toDataURL' を実行できませんでした: 汚染されたキャンバスはエクスポートされない可能性があります。(server_opensave 行 #73)

Chrome と Firefox、および最新のトランクと 2.7 の両方で問題が発生しました。