ಕ್ಯಾನ್ವಾಸ್‌ನಲ್ಲಿ ಫೋಟೋ ಹಾಕುವುದು ಹೇಗೆ

ನೀವು ಕಲಾ ಉತ್ಸಾಹಿ ಅಥವಾ ಗ್ರಾಫಿಕ್ ವಿನ್ಯಾಸದೊಂದಿಗೆ ಕೆಲಸ ಮಾಡುವ ವೃತ್ತಿಪರರಾಗಿದ್ದರೆ, ಅವರು ಬಹುಶಃ ಕ್ಯಾನ್ವಾಸ್ ಬಗ್ಗೆ ಕೇಳಿರಬಹುದು. ಕ್ಯಾನ್ವಾಸ್ ಎನ್ನುವುದು ಡಿಜಿಟಲ್ ವರ್ಣಚಿತ್ರಗಳು, ವಿವರಣೆಗಳನ್ನು ರಚಿಸಲು ಮತ್ತು ಫೋಟೋಗಳನ್ನು ಸಂಪಾದಿಸಲು ವ್ಯಾಪಕವಾಗಿ ಬಳಸುವ ಸಾಧನವಾಗಿದೆ. ಈ ಲೇಖನದಲ್ಲಿ, ಕ್ಯಾನ್ವಾಸ್‌ನಲ್ಲಿ ಫೋಟೋವನ್ನು ಸರಳ ಮತ್ತು ಪ್ರಾಯೋಗಿಕ ರೀತಿಯಲ್ಲಿ ಹೇಗೆ ಹಾಕಬೇಕೆಂದು ನಾವು ನಿಮಗೆ ಕಲಿಸುತ್ತೇವೆ.

h2> ಕ್ಯಾನ್ವಾಸ್ ಎಂದರೇನು?

ಕ್ಯಾನ್ವಾಸ್ ಒಂದು HTML5 ವಿನ್ಯಾಸ ಪ್ರದೇಶವಾಗಿದ್ದು, ಇದು ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಬಳಸಿ ಗ್ರಾಫಿಕ್ಸ್ ಮತ್ತು ಅನಿಮೇಷನ್‌ಗಳನ್ನು ರಚಿಸಲು ಅನುವು ಮಾಡಿಕೊಡುತ್ತದೆ. ಆಟಗಳು, ಸಂವಾದಾತ್ಮಕ ಅಪ್ಲಿಕೇಶನ್‌ಗಳನ್ನು ಮತ್ತು ಕಲಾತ್ಮಕ ಕೆಲಸಕ್ಕಾಗಿ ಇದನ್ನು ವ್ಯಾಪಕವಾಗಿ ಬಳಸಲಾಗುತ್ತದೆ. ಈ ಲೇಖನದ ಸನ್ನಿವೇಶದಲ್ಲಿ, ಫೋಟೋವನ್ನು ಹಾಕಲು ಮತ್ತು ಅದರಲ್ಲಿ ಆವೃತ್ತಿಗಳನ್ನು ಮಾಡಲು ಕ್ಯಾನ್ವಾಸ್ ಅನ್ನು ಹೇಗೆ ಬಳಸುವುದು ಎಂಬುದರ ಬಗ್ಗೆ ನಾವು ಗಮನ ಹರಿಸುತ್ತೇವೆ.

h2> ಕ್ಯಾನ್ವಾಸ್‌ನಲ್ಲಿ ಫೋಟೋ ಹಾಕಲು ಹಂತ ಹಂತವಾಗಿ

<ಓಲ್>

ತಯಾರಿ: ನೀವು ಪ್ರಾರಂಭಿಸುವ ಮೊದಲು, ನೀವು ಕ್ಯಾನ್ವಾಸ್‌ನಲ್ಲಿ ಹಾಕಲು ಬಯಸುವ ಡಿಜಿಟಲ್ ಇಮೇಜ್ ಇದೆ ಎಂದು ಖಚಿತಪಡಿಸಿಕೊಳ್ಳಿ. ನೀವೇ ತೆಗೆದ ಫೋಟೋವನ್ನು ನೀವು ಬಳಸಬಹುದು ಅಥವಾ ಇಂಟರ್ನೆಟ್ ಚಿತ್ರವನ್ನು ಡೌನ್‌ಲೋಡ್ ಮಾಡಬಹುದು.

ಕ್ಯಾನ್ವಾಸ್ ಅನ್ನು ರಚಿಸಿ: ಕೋಡ್ ಸಂಪಾದಕವನ್ನು ತೆರೆಯಿರಿ ಅಥವಾ ಕ್ಯಾನ್ವಾಸ್‌ನೊಂದಿಗೆ ಕೆಲಸ ಮಾಡಲು ನಿರ್ದಿಷ್ಟ ಸಾಫ್ಟ್‌ವೇರ್ ಬಳಸಿ. ಕ್ಯಾನ್ವಾಸ್ ರಚಿಸಲು ಈ ಕೆಳಗಿನ HTML ಕೋಡ್ ಅನ್ನು ನಮೂದಿಸಿ:

</ಓಲ್>

</ಕೋಡ್>


 ಈ ಉದಾಹರಣೆಯಲ್ಲಿ, ನಾವು ಕ್ಯಾನ್ವಾಸ್ ಐಡಿಯನ್ನು "ಮೈ-ಮೈಲ್ಸ್" ಎಂದು ವ್ಯಾಖ್ಯಾನಿಸುತ್ತೇವೆ ಮತ್ತು ಅಗಲ ಮತ್ತು ಎತ್ತರವನ್ನು 500 ಪಿಕ್ಸೆಲ್‌ಗಳಾಗಿ ವ್ಯಾಖ್ಯಾನಿಸುತ್ತೇವೆ. ನಿಮ್ಮ ಅಗತ್ಯಗಳಿಗೆ ಅನುಗುಣವಾಗಿ ನೀವು ಈ ಮೌಲ್ಯಗಳನ್ನು ಹೊಂದಿಸಬಹುದು. 

<
ol start = "3">
  ಚಿತ್ರವನ್ನು ಲೋಡ್ ಮಾಡಿ:  ಈಗ, ನಾವು ಕ್ಯಾನ್ವಾಸ್‌ನಲ್ಲಿ ಹಾಕಲು ಬಯಸುವ ಚಿತ್ರವನ್ನು ಲೋಡ್ ಮಾಡೋಣ. ಕೆಳಗಿನ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಕೋಡ್ ಬಳಸಿ: 
</ಓಲ್>


  <ಸ್ಕ್ರಿಪ್ಟ್>

    var canvas = document.getElementByid ("my-canvas");

    var ctx = canvas.getContext ("2D");

    Var image = ಹೊಸ ಚಿತ್ರ ();

    image.src = "PATH/TO/YOU/TAME.JPG";

    image.onload = ಕಾರ್ಯ () {

      CTX.Drawimage (ಚಿತ್ರ, 0, 0);

    };

  </ಸ್ಕ್ರಿಪ್ಟ್>

</ಕೋಡ್>

 ಈ ಕೋಡ್‌ನಲ್ಲಿ, ನಾವು ನಿಮ್ಮ ID ಯಿಂದ ಕ್ಯಾನ್ವಾಸ್ ಅಂಶವನ್ನು ಪಡೆಯುತ್ತಿದ್ದೇವೆ, ಅದರ ಮೇಲೆ ಸೆಳೆಯಲು 2D ಸಂದರ್ಭವನ್ನು ರಚಿಸುತ್ತೇವೆ ಮತ್ತು ಅಪೇಕ್ಷಿತ ಚಿತ್ರವನ್ನು ಸಾಗಿಸುತ್ತೇವೆ.  ಡ್ರಾಇಮೇಜ್ </ code> ಕಾರ್ಯವು ಕ್ಯಾನ್ವಾಸ್‌ನಲ್ಲಿ ಚಿತ್ರವನ್ನು ಸೆಳೆಯುವ ಜವಾಬ್ದಾರಿಯನ್ನು ಹೊಂದಿದೆ. </ P>

<
ol start = "4">
  ಚಿತ್ರವನ್ನು ಸಂಪಾದಿಸಿ:  ಈಗ ಚಿತ್ರವು ಕ್ಯಾನ್ವಾಸ್‌ನಲ್ಲಿದೆ, ಕ್ಯಾನ್ವಾಸ್‌ನ ವೈಶಿಷ್ಟ್ಯಗಳನ್ನು ಬಳಸಿಕೊಂಡು ನೀವು ಅದರಲ್ಲಿ ಹಲವಾರು ಆವೃತ್ತಿಗಳನ್ನು ಮಾಡಬಹುದು. ಉದಾಹರಣೆಗೆ, ನೀವು ಫಿಲ್ಟರ್‌ಗಳನ್ನು ಅನ್ವಯಿಸಬಹುದು, ಹೊಳಪನ್ನು ಹೊಂದಿಸಬಹುದು, ಕಾಂಟ್ರಾಸ್ಟ್, ಇತರ ಆಯ್ಕೆಗಳ ನಡುವೆ. 


</ಓಲ್>
 ಫ್ಯಾಬ್ರಿಕ್.ಜೆಎಸ್ ಮತ್ತು ಕೊನ್ವಾ.ಜೆಎಸ್‌ನಂತಹ ಕ್ಯಾನ್ವಾಸ್‌ನಲ್ಲಿ ಚಿತ್ರಗಳ ಸಂಪಾದನೆಗೆ ಅನುಕೂಲವಾಗುವ ಹಲವಾರು ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಲೈಬ್ರರಿಗಳಿವೆ. ನಿಮ್ಮ ಯೋಜನೆಗೆ ಇನ್ನೂ ಹೆಚ್ಚಿನ ವೈಶಿಷ್ಟ್ಯಗಳನ್ನು ಸೇರಿಸಲು ನೀವು ಈ ಗ್ರಂಥಾಲಯಗಳನ್ನು ಅನ್ವೇಷಿಸಬಹುದು. 

<
h2> ತೀರ್ಮಾನ 
 ಕ್ಯಾನ್ವಾಸ್‌ನಲ್ಲಿ ಫೋಟೋ ಹಾಕುವುದು ತುಲನಾತ್ಮಕವಾಗಿ ಸರಳವಾದ ಕೆಲಸ, ಆದರೆ ಇದು ಸೃಜನಶೀಲ ಸಾಧ್ಯತೆಗಳ ಜಗತ್ತನ್ನು ತೆರೆಯುತ್ತದೆ. ಕ್ಯಾನ್ವಾಸ್‌ನೊಂದಿಗೆ, ನೀವು ಡಿಜಿಟಲ್ ವರ್ಣಚಿತ್ರಗಳನ್ನು ರಚಿಸಬಹುದು, ಫೋಟೋಗಳನ್ನು ಸಂಪಾದಿಸಬಹುದು ಮತ್ತು ಸಂವಾದಾತ್ಮಕ ಆಟಗಳನ್ನು ಅಭಿವೃದ್ಧಿಪಡಿಸಬಹುದು. ಫೋಟೋವನ್ನು ಹಾಕಲು ಮತ್ತು ಅದರಲ್ಲಿ ಆವೃತ್ತಿಗಳನ್ನು ಮಾಡಲು ಕ್ಯಾನ್ವಾಸ್ ಅನ್ನು ಹೇಗೆ ಬಳಸುವುದು ಎಂಬುದನ್ನು ಅರ್ಥಮಾಡಿಕೊಳ್ಳಲು ಈ ಲೇಖನವು ನಿಮಗೆ ಸಹಾಯ ಮಾಡಿದೆ ಎಂದು ನಾವು ಭಾವಿಸುತ್ತೇವೆ. ಈಗ ಕಲ್ಪನೆಯನ್ನು ಬಿಟ್ಟು ರಚಿಸಿ!

ಕ್ಯಾನ್ವಾಸ್‌ನಲ್ಲಿ ಫೋಟೋ ಹಾಕುವುದು ಹೇಗೆ

Related Posts