Обновите 100 миллионов строк, минимизируйте влияние на параллельные операции

Я нашел простой способ, который имеет несколько ограничений, но работал для меня:

  • определить форму в defs
  • определить путь клипа, ссылающийся на форму
  • использовать его и удвоить ход, поскольку наружу обрезается

Здесь приведен рабочий пример:

<defs>
    <path id="ld" d="M256,0 L0,512 L384,512 L128,1024 L1024,384 L640,384 L896,0 L256,0 Z"/>
    <clipPath id="clip">
        <use xlink:href="#ld"/>
    </clipPath>
</defs>
<g>
    <use xlink:href="#ld" stroke="#0081C6" stroke-width="160" fill="#00D2B8" clip-path="url(#clip)"/>
</g>
0
задан Erwin Brandstetter 8 March 2019 в 23:06
поделиться