E aʻo pehea e hoʻololi ai i ka SVG

Nā Kiʻikuhi Kiʻikuhi Hiki Keki

Ma ka hoʻololiʻana i kahi kiʻi e hoʻololi i kaʻoki i hōʻikeʻia i kēlā kiʻi ma. No nā kiʻi paʻi kiʻi, hiki ke hoʻokomo i kekahiʻano a me ka hoihoi i ka mea iʻole keʻano pololei a iʻole hōʻole kiʻi. E like me nā hoʻololi a pau, nā hana kūwaho ma keʻano he animation a iʻole no kahi kiʻiʻoniʻoni. E aʻo i keʻano e hoʻohana ai i ka hoʻololiʻana i ka SVG, aiʻole nā ​​kiʻi paʻi kiʻi kiʻi , eʻae iāʻoe e noi i kahi kiko kikoʻole i ka hoʻolālā o kouʻano. Hana ka hana SVG i ka hoʻololi i ke kiʻi ma nāʻaoʻaoʻelua.

E hoʻololi

ʻO ke kaomi holoʻokoʻa e pili ana i ke kihi o ka kiʻi. Ke hoʻohālikelikeʻoe i kahi kiʻi SVG , e hana anaʻoe i kahi hana hoʻolālā e noho paha ma kahi kuʻuna maʻamau. Eia kekahi laʻana, heʻeluaʻaoʻao ma kaʻaoʻao kūpona me ka axis X aʻelua ma ka axis Y. Me ka loli, hiki iāʻoe ke lawe i kēlā'āpana kūhāhā a hoʻololiʻia ia i loko o ke kāpili diamond.

Me ka hopena hoʻokahi, ua heleʻoe mai kahi pahu (kahiʻoi aku ma luna o nā pūnaewele) i kahi diamond,ʻaʻohe mea maʻamau aʻaʻole hoʻi i hoʻohui i kekahi mau hiʻohiʻonaʻoluʻolu i kahi hoʻolālā. ʻO ka hoʻololiʻana kekahi wahi o ka mana hoʻokūkū i SVG. Hiki i ke kahuli ke huli pinepine i ka manawa e hōʻikeʻia ana. Hiki i kēia lemu ke huki i ka manaʻo o nā malihini kipa a kōkua iāʻoe e hoʻoikaika i kā lākouʻike ma kahi mahele a wahi paha o ka hoʻolālā.

E hoʻololi i nā hana ma ke kumumanaʻo e kauʻia ke kiʻi ma luna. E noʻonoʻo i kahi'āpana pepa e pili ana i ka pahu pahu me kahi pākuʻi. ʻO kahi o ka pin kahi kahi paʻa. Inā hoʻohuliʻoe i ka pepa ma ka hopuʻana i kahi āpau a ke hoʻololi paha i kahi hāmeʻa'ōkuhi a iʻole i ka nānāʻana i ke kiʻi,ʻaʻole e neʻe ka pihi pipi, akā e hoʻololi mau ka'ōwili i nā angula. Heʻano like loa kēia me ka hanaʻana o kaʻoihana rotate.

E hoʻololi i ka Syntax

Me ka loli, kohoʻoe i kaʻoki o ka huli a me nā kikowaena o kahi i hoʻopaʻaʻia.

transform = "ke kahe (45,100,100)"

ʻO kaʻoki o ka hoʻololi ka mea mua āu i hōʻoki ai. Ma kēia code, he 45-nākelē ke kihi o ka hoʻohuli. ʻO kahi kikowaena ka mea āu e hoʻohui hou ai. Maʻaneʻi, aia kahi kikowaena e hoʻonohonoho ana i nā hui 100, 100. Ināʻaʻoleʻoe e komo i nā kuhi o ka hoʻonohonoho waena, e pau i ka 0.00. Ma ke kumu hoʻohālikelike, e 45 mau kēkelē ka lōʻihi, akā, ma mua o ka hoʻokumuʻoleʻana o kahi kikowaena,ʻaʻole hiki i ka 0.00.

transform = "kelepa (45)"

Ke kuhiʻia, piʻi kaʻoki i kaʻaoʻao'ākau o ka pakuhi. No ka hoʻololi i keʻano i kaʻaoʻao'ē aʻe, e hoʻohanaʻoe i kahi hōʻailona liʻiliʻi e koho i ka helu kūponoʻole.

transform = "hoʻololi (-45)"

ʻO ka piʻiʻana he 45-ma ke kaʻina he kuaha kehā ma hope o ke kūkuluʻiaʻana o nā aniani ma kahi pōpō 360-degree. Inā kohoʻoe i ka hoʻololi e like me 360, 'aʻole e loli ke kiʻi no ka mea e'ānai maoli anaʻoe i ka pōʻai holoʻokoʻa, pēlā ka hopena hopena e like me keʻano i kahi i hoʻomaka aiʻoe.