Jump to content
Sign in to follow this  
4cari

create svg file with polygon tag

Recommended Posts

I tried make something like below(use svg).

so, i wrote text and i masked text by triangle shape to cut the text, and i export it as a svg file.

below code is part of result.  

<g>
    <clipPath id="_clip1">
      <path d="M60.057,71.617l-26.106,-8.149l28.46,-19.098l-2.354,27.247Z"/>
    </clipPath>
    <g clip-path="url(#_clip1)">
      <path d="M44.529,58.826l9.834,0l0,30.936c0,4.045 -0.356,7.157 -1.067,9.335c-0.955,2.845 -2.689,5.128 -5.2,6.851c-2.512,1.722 -5.823,2.583 -9.935,2.583c-4.823,0 -8.534,-1.35 -11.134,-4.05c-2.601,-2.701 -3.912,-6.662 -3.934,-11.885l9.301,-1.067c0.111,2.801 0.522,4.779 1.233,5.934c1.067,1.756 2.69,2.634 4.868,2.634c2.2,0 3.756,-0.628 4.667,-1.884c0.911,-1.255 1.367,-3.861 1.367,-7.817l0,-31.57Z"/>
    </g>

</g>

but i expected 

<polygon points="359.9,49.6 359.8,49.7 359.9,49.8 "/>

this kind of code.

how can i get polygon tag and simpler code?

 

Share this post


Link to post
Share on other sites

You can't for the common SVG shape tags like polygone, rect, circle etc. - The code output can be partly reduced, when you enable the reduce transformations check under the export panels more button popup panel settings.


☛ Affinity Designer 1.6.1 ◆ Affinity Photo 1.6.7 ◆ OSX El Capitan

Share this post


Link to post
Share on other sites
2 hours ago, 4cari said:

so, i wrote text and i masked text by triangle shape to cut the text

 

You use a wrong tool, you need to use Divide operation to split the shape into pieces.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  

×