Nā pōmaikaʻi o ka hoʻohanaʻana i nā kiʻi paʻi kiʻi Scalable
ʻO nā kiʻi paʻi kiʻi kiʻi, a iʻole SVG, kahiʻoi nui i ka hana pūnaewele i kēia lā. Ināʻaʻoleʻoe e hoʻohana nei iā SVG i kāu hana hoʻolālā pūnaewele, eia kekahi mau kumu no ke kumu e hoʻomaka aiʻoe pēlā, a me nā hāʻuleʻole hiki iāʻoe ke hoʻohana no nā pūnaewele kahiko e kākoʻo nei i kēia mau kikowaena.
Hoʻoholo
ʻO ka maikaʻi nui o ka SVG,ʻo ia ke kūʻokoʻa kūʻokoʻa. Ma muli o nā faila SVG he kiʻi kiʻi kiʻi kiʻi ma kahi o ka piʻi kiʻi kiʻi pilikino, hiki ke hoʻopiʻiʻia lākou me kaʻoleʻana o ke kiʻi kiʻi. He mea kōkua loa kēia i ka wā e hana anaʻoe i nā pūnaewele pane e pono ai ke nānā maikaʻi a hana maikaʻi ma nāʻano nui a me nā'ōnaehana .
Hiki i nā waihona SVG ke hoʻonuiʻia a iʻole e hāpai i ka nui a me ka pono o nā pono o kāu pūnaewele pane aʻaʻole ponoʻoe e hopohopo e pili ana i kēlā mau kiʻii hoʻohālikelike i ka maikaʻi o kēlā me kēia kūlana o ke ala.
Pōnae Kōnae
ʻO kekahi o nā ho'āʻo me ka hoʻohanaʻana i nā kiʻi raster (JPG, PNG, GIF) ma nā pūnaewele pane pūnaewele ,ʻo ia ka nui o ka nui o nā kiʻi. Ma muli o ke kiʻiʻole o nā kiʻi raster i ke ala o nā kiʻi, ponoʻoe e hoʻopale i kāu kiʻi pixel ma kahi nui loa e hōʻikeʻia ai. Loaʻa kēia no ka hiki iāʻoe ke hana i nā kiʻi a pau iʻole e mālama i kona maikaʻi, akā,ʻaʻole pono kēia no ka hoʻonuiʻana i nā kiʻi. ʻO ka hopena hopena, loaʻa iāʻoe nā kiʻi iʻoi aku ka nui ma mua o ka hōʻikeʻiaʻana ma ka pākū o kahi kanaka,ʻo ia hoʻi, ua koiʻia lākou e kiʻi i kahi faila nui loa.
Mālamaʻo SVG i kēia pilikia. Ma muli o ka paleʻana o nā kiʻikuhi kiʻi, hiki iāʻoe ke loaʻa nā kaha liʻiliʻi liʻiliʻi nui me ka nui o ka nui o nā kiʻi e pono e hōʻikeʻia. Ma kēia hopena, he hopena maikaʻi loa ka hopena a me kahi wikiwiki o kahi pūnaewele.
CSS Styling
Hiki ke hoʻohui pūʻia i ka SVG code i ka HTML o kahiʻaoʻao. Uaʻikeʻia kēia i "SVG inline".ʻO kekahi o nā pono o ka hoʻohanaʻana i ka SVG i kahakahaʻia,ʻoiaiʻo ka unuhiʻiaʻana o nā kiʻi paʻi e ka polokalamu kele pūnaewele ma muli o kāu palapala,ʻaʻohe pono e hana i kahi noi HTTP e kiʻi i kahi kiʻi kiʻi. ʻO kekahi pōmaikaʻi e hiki ke kapaʻiaʻo SVG i kahakahaʻia me CSS.
Pono e hoʻololi i ke kala o kahi SVG icon? Ma mua o ka pono e wehe i kēlā kiʻi ma kahiʻano o ka lako hoʻoponopono a hoʻokuʻu a hoʻokuʻu hou i ka waihona, hiki iāʻoe ke hoʻololi i ka kōnae SVG me nā laina o CSS.
Hiki nō hoʻi iāʻoe ke hoʻohana i nāʻano CSS'ē aʻe ma nā SVG kiʻi kiʻi e hoʻololi iā lākou ma nāʻano hoʻolālā a iʻole no kekahi mau pono hana. Hiki iāʻoe ke animate i kēlā mau kiʻikuhi e hoʻohui i kekahi neʻe a me ka pilinaʻana i kahiʻaoʻao.
Nā animation
No ka mea, hiki ke hoʻohanaʻia nā leka SVG inline me CSS, hiki iāʻoe ke hoʻohana i nā animation CSS ma luna o lākou. ʻO CSS ke hoʻololi a me ke kaʻaʻanaʻelua mau ala maʻalahi e hoʻohui i kekahi ola i nā kōnae SVG. Hiki iāʻoe ke loaʻa nā hoʻolālā Flash-like likeʻole ma kaʻaoʻao me ka hāpaiʻole i nā haʻahaʻa e hele mai me ka hoʻohanaʻana i Flash ma nā pūnaewele i kēia mau lā.
Nā hoʻohana o SVG
Ma muli o ka mana o SVG, hikiʻole i kēia mau kiʻi ke hoʻololi i nā kiʻi kiʻi'ē aʻe e hoʻohana neiʻoe ma kāu pūnaewele. ʻO nā kiʻi e makemake ana i ka hohonu hohonu hohonu e pono nō e lilo i JPG a iʻole paha he fainae PNG, akāʻo nā kiʻi likeʻole me nā kiʻi e kūpono e hoʻokōʻia e like me SVG.
Hiki iā SVG ke kūpono no nā kiʻi likeʻole, e like me nā loiloiʻoihana a iʻole nā kiʻi a me nā palapala. E pōmaikaʻi nā kiʻi a pau i ka hoʻonuiʻana, hiki ke kapaʻiaʻo CSS, a me nā pono'ē aʻe i heluʻia ma kēiaʻatikala.
Kākoʻo no nā polokalamu kele pūnaewele
Loaʻa loa ka hoʻokūkū o SVG ma nā pūnaewele pūnaewele hou. ʻO nā mea huli wale nō i nele i ke kākoʻo no kēia mau kiʻikuhi he mau pakeke o Internet Explorer (Version 8 a lalo iho) a me kekahi mau makahiki kahiko o Android. ʻO nā mea a pau, he mau māhele liʻiliʻi loa o ka heluna kānaka e hoʻomau nei i kēia mau polokalamu kele pūnaewele, a ke hoʻomau mau nei kēlā helu. ʻO kēia keʻano o ka hoʻohanaʻana o SVG me ka maluhia ma luna o nā pūnaewele i kēia mau lā.
Inā makemakeʻoe e hāʻawi i kahi hāʻuleʻana no SVG, hiki iāʻoe ke hoʻohana i kahi mea hana like Grumpicon mai ka Hui Filament. E lawe kēiaʻili i kāu mau kiʻi kiʻi SVG a hoʻokumu i nā kākiho PNG no nā pūnaewele kahiko.
Hoʻoponoponoʻia e Jeremy Girard ma ka lā 1/27/17