如何在svg中绘制路径的内部或外部路径

时间:2014-09-09 06:40:36

标签: javascript xpath svg path svg-edit

我是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编辑器上创建一个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的原始路径代码中,第二个m到z生成但不起作用

0 个答案:

没有答案