Mobile app version of vmapp.org
Login or Join
Welton168

: Path with decreasing stroke SVG I'm writing a program in Julia that creates SVG images. My program generates the figure on the left, and I want the same figure, but with a decreasing stroke,

@Welton168

Posted in: #BezierCurve #Stroke #Svg

I'm writing a program in Julia that creates SVG images. My program generates the figure on the left, and I want the same figure, but with a decreasing stroke, like the one on the right (dont mind the colour):



How can I achieve this effect? Here is the SVG image source code in case it helps:

<svg
xmlns="http://www.w3.org/2000/svg"
height="161.7875" width="97.609375"
xmlns:xlink="http://www.w3.org/1999/xlink">
<path d="M38.3,131.8 Q72.25,103.9 70.44,93.44 M70.44,93.44C68.6,83.0 29.0,78.9 27.16,68.44 M27.16,68.44Q25.31,58.0 59.3,30.12"
style="stroke:#0000ff;stroke-width:1px;stroke-opacity:1;fill:none"
/>
<circle cx ="59.3" cy="30.12" r="2"
style="
stroke= #000000 ;
stoke-width: 1;
fill: #000000 ;
"
/>

</svg>

10.01% popularity Vote Up Vote Down


Login to follow query

More posts by @Welton168

1 Comments

Sorted by latest first Latest Oldest Best

 

@Debbie163

Since you don't give details on which technology you use to create your SVG file, it's hard to advice. However, I assume you could need some javascript in order to create some sort of "brush style".
See this interesting example from bl.ocks.org/maelp/5913757:

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme