0

I have seen how to create letters in SVG such as this. What I am wondering about is the flatness of the endpoints of a letter, how to do that in SVG. I'm wondering if each "line" in the SVG letter is really a shape with a fill. So instead of this:

/

A diagonal line, you would have this as a complex path describing a polygon basically (filled in with a color).

    ___
   /  /
  /  /
 /  /
/__/

The edges ___ are flat horizontally. But if you were to simply create a stroke in SVG it would look more like this:

    /\
   / /
  / /
 / /
/ /
\/

...where the "endpoints" are oriented along the direction of the stroke itself, like \/ for the bottom one and /\ for the top one. I instead want them to be aligned manually (in some cases horizontal, other cases vertical, other cases custom).

It seems the only way to do this is to create a complex path and never use stroke, but I'm not totally sure yet without having seen an example in the real world. Wondering if one could confirm that yes that is how it's done, or provide an example or link to one that shows how to do it properly.

But given there is an answer how to do this, I then wonder how to create curved "lines". Basically you want to do a cutout or something, but I'll ask that in a separate question.

Your Answer

By clicking "Post Your Answer", you acknowledge that you have read our updated terms of service, privacy policy and cookie policy, and that your continued use of the website is subject to these policies.

Browse other questions tagged or ask your own question.