dompdf / php-svg-lib

SVG file parsing / rendering library
GNU Lesser General Public License v3.0
1.4k stars 77 forks source link

use strokeDashoffset #67

Closed nickolanack closed 2 years ago

nickolanack commented 3 years ago

before:

Screen Shot 2021-07-04 at 11 43 31 PM

after:

Screen Shot 2021-07-04 at 11 42 57 PM

nickolanack commented 3 years ago

original svg

<svg viewBox="0 0 100 100" role="img" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><circle cx="50" cy="50" r="48.5" fill="transparent" fill-opacity="0" stroke="#f7fcfd" stroke-width="3" stroke-dashoffset="380.91810924776" stroke-dasharray="104.18872124145 200.54576615676" /><circle cx="50" cy="50" r="48.5" fill="transparent" fill-opacity="0" stroke="#e5f5f9" stroke-width="3" stroke-dashoffset="275.20571556932" stroke-dasharray="21.544728259053 283.18975913916" /><circle cx="50" cy="50" r="48.5" fill="transparent" fill-opacity="0" stroke="#ccece6" stroke-width="3" stroke-dashoffset="252.13731487328" stroke-dasharray="17.979334756494 286.75515264172" /><circle cx="50" cy="50" r="48.5" fill="transparent" fill-opacity="0" stroke="#99d8c9" stroke-width="3" stroke-dashoffset="232.63430767979" stroke-dasharray="8.9896673782472 295.74482001996" /><circle cx="50" cy="50" r="48.5" fill="transparent" fill-opacity="0" stroke="#66c2a4" stroke-width="3" stroke-dashoffset="222.12096786456" stroke-dasharray="50.311663869444 254.42282352877" /><circle cx="50" cy="50" r="48.5" fill="transparent" fill-opacity="0" stroke="#41ae76" stroke-width="3" stroke-dashoffset="170.28563155812" stroke-dasharray="62.866724750251 241.86776264796" /><circle cx="50" cy="50" r="48.5" fill="transparent" fill-opacity="0" stroke="#238b45" stroke-width="3" stroke-dashoffset="105.89523437088" stroke-dasharray="10.787600853897 293.94688654431" /><circle cx="50" cy="50" r="48.5" fill="transparent" fill-opacity="0" stroke="#006d2c" stroke-width="3" stroke-dashoffset="93.58396107999" stroke-dasharray="7.1917339025978 297.54275349561" /><circle cx="50" cy="50" r="48.5" fill="transparent" fill-opacity="0" stroke="#00441b" stroke-width="3" stroke-dashoffset="84.868554740401" stroke-dasharray="7.1917339025978 297.54275349561" /></svg>