Dysgu Sut i Gylchdroi yn SVG

Graffeg Vector Scalable Function Cylchdroi

Bydd cylchdroi delwedd yn newid yr ongl y dangosir y ddelwedd honno ynddo. Ar gyfer graffeg syml, gall hyn ychwanegu rhywfaint o amrywiaeth a diddordeb i ddelwedd syml neu ddiflas fel arall. Fel gyda phob trawsffurfiad, cylchdroi yn gweithio fel rhan o animeiddiad neu ar gyfer graffig sefydlog. Mae dysgu sut i ddefnyddio cylchdroi mewn SVG, neu Scalable Vector Graphics , yn caniatáu ichi ofyn am ongl ar wahân i ddyluniad eich siâp. Mae'r swyddogaeth gylchdroi SVG yn gweithio i droi'r ddelwedd yn y naill gyfeiriad neu'r llall.

Amdanom Cylchdroi

Mae'r swyddogaeth gylchdroi yn ymwneud ag ongl y graffig. Pan fyddwch yn dylunio delwedd SVG , byddwch yn creu model sefydlog a fydd yn debyg yn eistedd ar ongl traddodiadol. Er enghraifft, bydd gan sgwâr ddwy ochr ar hyd yr echelin X a dau ar hyd Y-echel. Wrth gylchdroi, gallwch gymryd yr un sgwâr a'i droi'n ffurfio diemwnt.

Gyda'r un effaith yn unig, rydych chi wedi mynd o flwch nodweddiadol iawn (sy'n gyffredin iawn ar wefannau) i diemwnt, nad yw'n gyffredin o gwbl ac nad yw wedi ychwanegu rhywfaint o amrywiaeth weledol diddorol i ddyluniad. Mae cylchdroi hefyd yn rhan o'r galluoedd animeiddio yn SVG. Gall cylch droi'n gyson wrth ei arddangos. Gall y cynnig hwn dynnu sylw ymwelwyr a'ch helpu i ganolbwyntio eu profiad ar faes neu elfennau allweddol mewn dyluniad.

Cylchdroi yn gweithio ar y theori y bydd un dot ar y ddelwedd yn aros yn sefydlog. Dychmygwch ddarn o bapur ynghlwm wrth gardbord gyda phush-pin. Lleoliad y pin yw'r fan sefydlog. Os byddwch chi'n troi'r papur trwy gipio ymyl a'i gylchdroi mewn clocwedd neu gynnig cloc cloc, ni fydd y push-byth yn symud, ond mae'r petryal yn dal i newid onglau. Bydd y papur yn troi, ond mae pwynt sefydlog y pin yn parhau heb ei newid. Mae hyn yn debyg iawn i'r ffordd y mae'r swyddogaeth gylchdroi'n gweithio.

Cylchdroi Cystrawen

Wrth gylchdroi, rydych chi'n rhestru ongl y tro a chydlynu yr ardal sefydlog.

trawsnewid = "cylchdroi (45,100,100)"

Mae ongl y cylchdro yn y peth cyntaf y byddwch chi'n ei ychwanegu. Yn y cod hwn, mae ongl y cylchdro yn 45 gradd. Y pwynt canolfan yw'r hyn y byddech chi'n ei ychwanegu nesaf. Yma, mae'r pwynt canolfan hwnnw yn eistedd wrth gydlynu 100, 100. Os na fyddwch yn mynd i mewn i gyfesurynnau sefyllfa'r ganolfan, byddant yn ddiofyn i 0,0. Yn yr enghraifft isod, byddai'r ongl yn dal i fod yn 45 gradd, ond gan nad yw pwynt y ganolfan wedi'i sefydlu, bydd yn ddiofyn i 0,0.

trawsnewid = "cylchdroi (45)"

Yn anffodus, mae'r ongl yn mynd tuag at ochr dde'r graff. I gylchdroi'r siâp yn y cyfeiriad arall, byddwch yn defnyddio arwydd minws i restru gwerth negyddol.

trawsnewid = "cylchdroi (-45)"

Mae cylchdro 45 gradd yn tro chwarter ers i'r onglau gael eu seilio ar gylch 360 gradd. Os ydych chi'n rhestru'r chwyldro fel 360, ni fyddai'r ddelwedd yn newid oherwydd eich bod yn ei throi'n llythrennol mewn cylch llawn, felly byddai'r canlyniad terfynol yn union yr un fath â'r golwg lle'r oeddech chi'n dechrau.