Preflight z maską SVG generowaną dynamicznie

Konfiguracja maski SVG wymaga znajomości tego formatu, ponieważ będziemy tworzyć plik z poziomu kodu, a nie z programie graficznym. 

Zakładamy, że produkt posiada zmienne, symbole i współczynniki, które będziemy używać do zbudowania maski SVG.  

Zmienne osadzamy poprzez podwójny nawias klamrowy {{...}} np. {{W}} jest szerokością naszego produktu w mm.

Maskę tworzymy przy wpisie z preflightem w zakładce maska:

dodanie maski z preflightem w svg

Mamy tu możliwość wprowadzenia kodu SVG wraz z podglądem:

generowanie maski z preflightem w svg
 

Dla zasady wszelkie wartości wprowadzamy w mm zastępując wartości dynamiczne zmiennymi wybieranymi przez klienta np. prostokąt z 3mm spadem miałby postać

<svg viewBox="0 0 {{W+6}} {{H+6}}">
<rect x="3" y="3" width="{{W}}" height="{{H}}">
</svg>

Tak stworzony plik zostanie dynamicznie narysowany zgodnie z szerokościami i parametrami przez klienta klienta.

Poniżej przykład preflightu dla 2 pudełek o różnych formatach:

przykład wykrojnika pudełka w preflight
 

przykład wykrojnika pudełka w preflight