SVG ನಲ್ಲಿ ತಿರುಗಿಸಲು ಹೇಗೆ ತಿಳಿಯಿರಿ

ಸ್ಕೇಲೆಬಲ್ ವೆಕ್ಟರ್ ಗ್ರಾಫಿಕ್ಸ್ ಫಂಕ್ಷನ್ ತಿರುಗಿಸಿ

ಚಿತ್ರವನ್ನು ತಿರುಗಿಸುವ ಮೂಲಕ ಆ ಚಿತ್ರವನ್ನು ಪ್ರದರ್ಶಿಸುವ ಕೋನವನ್ನು ಬದಲಾಯಿಸುತ್ತದೆ. ಸರಳವಾದ ಗ್ರಾಫಿಕ್ಸ್ಗಾಗಿ, ಇದು ನೇರವಾದ ಅಥವಾ ನೀರಸ ಚಿತ್ರವಾಗಬಹುದಾದ ಕೆಲವು ವೈವಿಧ್ಯಮಯ ಮತ್ತು ಆಸಕ್ತಿಗಳನ್ನು ಸೇರಿಸಬಹುದು. ಎಲ್ಲಾ ರೂಪಾಂತರಗಳಂತೆ, ಒಂದು ಅನಿಮೇಷನ್ ಅಥವಾ ಸ್ಥಿರ ಗ್ರಾಫಿಕ್ಗಾಗಿ ಕೃತಿಗಳನ್ನು ತಿರುಗಿಸಿ. SVG, ಅಥವಾ ಸ್ಕೇಲೆಬಲ್ ವೆಕ್ಟರ್ ಗ್ರಾಫಿಕ್ಸ್ನಲ್ಲಿ ಬಳಸಲು ಹೇಗೆ ಬಳಸುವುದು ಎಂಬುದನ್ನು ಕಲಿಯುವುದು ನಿಮ್ಮ ಆಕಾರ ವಿನ್ಯಾಸಕ್ಕೆ ವಿಶಿಷ್ಟ ಕೋನವನ್ನು ವಿನಂತಿಸಲು ನಿಮಗೆ ಅನುಮತಿಸುತ್ತದೆ. ಚಿತ್ರವನ್ನು ದಿಕ್ಕಿನಲ್ಲಿ ತಿರುಗಿಸಲು SVG ತಿರುಗಿಸುವ ಕಾರ್ಯವು ಕಾರ್ಯನಿರ್ವಹಿಸುತ್ತದೆ.

ತಿರುಗಿಸು ಬಗ್ಗೆ

ತಿರುಗುವ ಕ್ರಿಯೆಯು ಎಲ್ಲಾ ಗ್ರಾಫಿಕ್ನ ಕೋನದ ಬಗ್ಗೆ. ನೀವು SVG ಇಮೇಜ್ ಅನ್ನು ವಿನ್ಯಾಸಗೊಳಿಸುವಾಗ , ನೀವು ಸಾಂಪ್ರದಾಯಿಕ ಕೋನವೊಂದರಲ್ಲಿ ಕುಳಿತುಕೊಳ್ಳುವ ಸ್ಥಿರ ಮಾದರಿಯನ್ನು ರಚಿಸುತ್ತೀರಿ. ಉದಾಹರಣೆಗೆ, ಒಂದು ಚೌಕವು X- ಆಕ್ಸಿಸ್ನ ಉದ್ದಕ್ಕೂ ಎರಡು ಬದಿಗಳನ್ನು ಹೊಂದಿರುತ್ತದೆ ಮತ್ತು ಎರಡು Y- ಆಕ್ಸಿಸ್ನೊಂದಿಗೆ ಇರುತ್ತದೆ. ತಿರುಗುವುದರೊಂದಿಗೆ, ನೀವು ಅದೇ ಚೌಕವನ್ನು ತೆಗೆದುಕೊಳ್ಳಬಹುದು ಮತ್ತು ಅದನ್ನು ವಜ್ರ ರಚನೆಗೆ ತಿರುಗಬಹುದು.

ಕೇವಲ ಒಂದು ಪರಿಣಾಮದೊಂದಿಗೆ, ನೀವು ಸಾಮಾನ್ಯವಾದ ಬಾಕ್ಸ್ನಿಂದ (ವೆಬ್ಸೈಟ್ಗಳಲ್ಲಿ ಸೂಪರ್ ಸಾಮಾನ್ಯವಾಗಿದೆ) ಒಂದು ವಜ್ರಕ್ಕೆ ಹೋಗಿದ್ದೀರಿ, ಇದು ಸಾಮಾನ್ಯವಾಗಿಲ್ಲ ಮತ್ತು ವಿನ್ಯಾಸಕ್ಕೆ ಕೆಲವು ಆಸಕ್ತಿದಾಯಕ ದೃಶ್ಯಾವಳಿಯನ್ನು ಸೇರಿಸಿಕೊಂಡಿಲ್ಲ. ತಿರುಗಿಸು ಸಹ SVG ಯ ಅನಿಮೇಷನ್ ಸಾಮರ್ಥ್ಯಗಳ ಭಾಗವಾಗಿದೆ. ಪ್ರದರ್ಶಿಸಲಾಗುವಾಗ ವೃತ್ತವು ನಿರಂತರವಾಗಿ ತಿರುಗುತ್ತದೆ. ಈ ಚಲನೆಯು ಸಂದರ್ಶಕರ ಗಮನವನ್ನು ಸೆಳೆಯಬಲ್ಲದು ಮತ್ತು ಪ್ರಮುಖ ಪ್ರದೇಶ ಅಥವಾ ವಿನ್ಯಾಸದ ಅಂಶಗಳಲ್ಲಿ ಅವರ ಅನುಭವವನ್ನು ಕೇಂದ್ರೀಕರಿಸಲು ಸಹಾಯ ಮಾಡುತ್ತದೆ.

ಚಿತ್ರದ ಮೇಲೆ ಒಂದು ಚುಕ್ಕೆ ಸ್ಥಿರವಾಗಿ ಉಳಿಯುವ ಸಿದ್ಧಾಂತದ ಮೇಲೆ ತಿರುಗಿಸಿ. ಪುಶ್-ಪಿನ್ನೊಂದಿಗೆ ಕಾರ್ಡ್ಬೋರ್ಡ್ಗೆ ಜೋಡಿಸಲಾದ ಕಾಗದದ ತುಂಡು ಇಮ್ಯಾಜಿನ್ ಮಾಡಿ. ಪಿನ್ ಸ್ಥಳವು ಸ್ಥಿರ ಸ್ಥಳವಾಗಿದೆ. ನೀವು ಕಾಗದವನ್ನು ತಿರುಗಿಸಿದರೆ ಅದು ಪ್ರದಕ್ಷಿಣಾಕಾರವಾಗಿ ಅಥವಾ ಅಪ್ರದಕ್ಷಿಣಾಕಾರವಾಗಿ ಚಲಿಸುವ ಚಲನೆಯಿಂದ ತಿರುಗಿದರೆ, ಪುಶ್-ಪಿನ್ ಎಂದಿಗೂ ಚಲಿಸುವುದಿಲ್ಲ, ಆದರೆ ಆಯತವು ಇನ್ನೂ ಕೋನಗಳನ್ನು ಬದಲಾಯಿಸುತ್ತದೆ. ಆದರೆ ಕಾಗದವು ಸ್ಪಿನ್ ಆಗುತ್ತದೆ, ಆದರೆ ಪಿನ್ನ ಸ್ಥಿರ ಪಾಯಿಂಟ್ ಬದಲಾಗದೆ ಉಳಿಯುತ್ತದೆ. ತಿರುಗುವ ಕ್ರಿಯೆಯು ಹೇಗೆ ಕೆಲಸ ಮಾಡುತ್ತದೆ ಎಂಬುದನ್ನು ಇದು ಹೋಲುತ್ತದೆ.

ಸಿಂಟ್ಯಾಕ್ಸ್ ತಿರುಗಿಸಿ

ತಿರುಗುವುದರೊಂದಿಗೆ, ನೀವು ತಿರುವಿನ ಕೋನ ಮತ್ತು ಸ್ಥಿರ ಪ್ರದೇಶದ ಕಕ್ಷೆಗಳನ್ನು ಪಟ್ಟಿ ಮಾಡಿ.

ರೂಪಾಂತರ = "ತಿರುಗಿಸಿ (45,100,100)"

ತಿರುಗುವಿಕೆಯ ಕೋನವು ನೀವು ಸೇರಿಸುವ ಮೊದಲ ವಿಷಯವಾಗಿದೆ. ಈ ಕೋಡ್ನಲ್ಲಿ, ತಿರುಗುವಿಕೆಯ ಕೋನ 45 ಡಿಗ್ರಿ ಆಗಿದೆ. ಕೇಂದ್ರ ಬಿಂದುವು ಮುಂದಿನದನ್ನು ಸೇರಿಸುವುದು. ಇಲ್ಲಿ, ಆ ಕೇಂದ್ರಬಿಂದುವು 100, 100 ನಿರ್ದೇಶಾಂಕಗಳಲ್ಲಿ ಇರುತ್ತದೆ. ನೀವು ಕೇಂದ್ರ ಸ್ಥಾನ ನಿರ್ದೇಶಾಂಕಗಳನ್ನು ನಮೂದಿಸದಿದ್ದರೆ, ಅವು 0,0 ಕ್ಕೆ ಪೂರ್ವನಿಯೋಜಿತವಾಗಿರುತ್ತವೆ. ಕೆಳಗಿರುವ ಉದಾಹರಣೆಯಲ್ಲಿ, ಕೋನವು ಇನ್ನೂ 45-ಡಿಗ್ರಿಗಳಾಗಿರುತ್ತದೆ, ಆದರೆ ಸೆಂಟರ್ ಪಾಯಿಂಟ್ ಅನ್ನು ಸ್ಥಾಪಿಸಲಾಗಿಲ್ಲವಾದ್ದರಿಂದ, ಇದು 0,0 ಕ್ಕೆ ಡೀಫಾಲ್ಟ್ ಆಗುತ್ತದೆ.

ರೂಪಾಂತರ = "ತಿರುಗಿಸಿ (45)"

ಪೂರ್ವನಿಯೋಜಿತವಾಗಿ, ಕೋನವು ಗ್ರಾಫ್ನ ಬಲಗಡೆಯ ಕಡೆಗೆ ಹೋಗುತ್ತದೆ. ಆಕಾರವನ್ನು ವಿರುದ್ಧ ದಿಕ್ಕಿನಲ್ಲಿ ತಿರುಗಿಸಲು, ನಕಾರಾತ್ಮಕ ಮೌಲ್ಯವನ್ನು ಪಟ್ಟಿ ಮಾಡಲು ನೀವು ಮೈನಸ್ ಚಿಹ್ನೆಯನ್ನು ಬಳಸುತ್ತೀರಿ.

ರೂಪಾಂತರ = "ತಿರುಗಿಸಿ (-45)"

ಕೋನಗಳು 360-ಡಿಗ್ರಿ ವೃತ್ತವನ್ನು ಆಧರಿಸಿ 45-ಡಿಗ್ರಿ ತಿರುಗುವಿಕೆಯು ಕಾಲು ತಿರುವು. ನೀವು ಕ್ರಾಂತಿಯನ್ನು 360 ಎಂದು ಪಟ್ಟಿ ಮಾಡಿದರೆ, ನೀವು ಅಕ್ಷರಶಃ ಅದನ್ನು ಪೂರ್ಣ ವೃತ್ತದಲ್ಲಿ ಫ್ಲಿಪ್ ಮಾಡುವ ಕಾರಣ ಚಿತ್ರವನ್ನು ಬದಲಾಗುವುದಿಲ್ಲ, ಆದ್ದರಿಂದ ನೀವು ಪ್ರಾರಂಭಿಸಿದ ಸ್ಥಳಕ್ಕೆ ಅಂತಿಮ ಫಲಿತಾಂಶವು ಒಂದೇ ಆಗಿರುತ್ತದೆ.