Video bolo z tohto videa odstránené. Raz to čoskoro znova natočím. Ak toto čítate a ja som to ešte neurobil, pokojne ma kontaktujte a vyrušujte ma kvôli tomu.
Niekedy SVG, ktorý chcete použiť, vyzerá v Illustratore úplne dobre, ale nie je to celkom tak, ako by ste ho chceli použiť na webe.
Jednou z vecí, na ktorú sa v tomto videu pozeráme, je jednoduchý tvar, ktorý sa javí ako jediný tvar, ale v skutočnosti sú to štyri tvary, ktoré sedia na sebe. Aby sme to zjednodušili, jednoducho vyberieme všetky tvary a pomocou nástrojov Pathfinder v aplikácii Illustrator ich skombinujeme do jedného tvaru. To môžeme vidieť okamžite v kóde. Niekedy je trochu zábavné mať súbor SVG otvorený v aplikácii Illustrator aj v editore kódu, takže keď si ho uložíte, uvidíte, čo robí s týmto kódom.
Pathfinder je vynikajúci na manuálnu optimalizáciu tvarov - stojí za to spoznať, čo tieto tlačidlá robia - a čo robia aj so stlačenou klávesou možností.
Veľkosť súboru SVG je do značnej miery určená tým, koľko bodov sa v tvaroch deje. Existujú aj ďalšie faktory, ale to je tá veľká vec. Ďalšou vecou, na ktorú sa v tomto videu pozeráme, je použitie funkcie Illustrators Simplify Path na zníženie počtu bodov v niektorých tvaroch textúry, aby sa veľkosť súboru zmenšila.
Ďalšia vec, ktorú treba vedieť: zložené cesty môžu byť užitočné. Dva tvary, ktoré sú navzájom úplne oddelené, môžu byť stále jednou cestou. Ako, doslova jeden. Syntax umožňuje v podstate „zdvihnúť pero, presunúť ho niekam inam, nakresliť niečo nové“. Takže keď v Illustratore vytvoríte zloženú cestu (napr. Viac nezávislých tvarov, Object> Compound Path> Make), bude mať výstup. Môže to viesť k zjednodušenému / optimalizovanému výstupu SVG.