私は svg を初めて使用します。svg エディターで生成された svg パスの内側または外側のパスを描画する必要があります。描画できません。私はたくさん試しましたが、できません。
助けて。
<path id="svg_1" d="m697.81641,349.89844l596,0l0,282l-596,0l0,-141l0,-141z" stroke-width="6" stroke="#000000" fill="#BBD1E8"/>
前の行は svg editor で rect を作成します。上記のパスの内側の四角形または外側の四角形を描く必要があります。複合壁のようにする必要があります。だから私はそれを動的に行うための式や計算があるかどうかを知る必要があります。私はこれを試しました
<path d="M 0 0, 60 0, 60 60, 0 60 Z M 15 15, 15 45, 45 45, 45 15Z"/>
正しく動作していますが、ユーザーが生成したパスに対して動的に作成するにはどうすればよいですか。
次のユーザー生成コードを試しました
<path id="svg_1" d="m1085,757.10199l309,-84.5l292,-2.5l243.5,256l-8.5,193.99799l-749,-62l-87,-147.99799l0,-153z" stroke-linecap="null" stroke-linejoin="null" stroke-dasharray="null" stroke-width="6" stroke="#000000" fill="#BBD1E8"/>
私はこれを次のように変換します
<path id="svg_1" d="m1085,757.10199l309,-84.5l292,-2.5l243.5,256l-8.5,193.99799l-749,-62l-87,-147.99799l0,-153zm832.10199,1160l-9.5,234l-77.5,217l181,318.5l268.99799,66.5l13,-824l-222.99799,-162l-228,75z" stroke-linecap="null" stroke-linejoin="null" stroke-dasharray="null" stroke-width="6" stroke="#000000" fill="#BBD1E8"/>
この最初の m から z への元のパス コードでは、2 番目の m から z が生成されますが、機能しません