WorldWideScripts.net Delivering the best Add-Ons in more than 37 languages.

中文(简体), English, हिन्दी/हिंदी, Español/Castellano, العربية, Русский язык, Français, 中文 (台灣), বাংলা, Bahasa Indonesia, اردو, Português, Deutsch, Bahasa Melayu (بهاس ملايو‎), 日本語 (にほんご), فارسی, Italiano, తెలుగు, Türkçe, ગુજરાતી, Język polski/polszczyzna, Tiếng Việt, ಕನ್ನಡ, Українська мова, ไทย
HTML5 / Canvas

HTML5 canvas Image Mapper

— ಸೇರಿಸಿ - ರಂದು WorldWideScripts.net ಗೆ

ನವೀಕೃತವಾಗಿರಿ ನಮ್ಮ ಚಂದಾದಾರರಾಗಿ!

ಹೊಸ! ನೀವು ಬಯಸುವ ನಮಗೆ ಅನುಸರಿಸಿ!


HTML5 canvas Image Mapper - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

ವೆಬ್ ಡೆವಲಪರ್ಗಳಿಗೆ HTML ಆಗಿದೆಚಿತ್ರ ಮ್ಯಾಪಿಂಗ್ ಆಗಿದೆ.

ಉಪಕರಣವನ್ನು HTML5 ಕ್ಯಾನ್ವಾಸ್ ಬಳಸಿ ಅಭಿವೃದ್ಧಿಪಡಿಸಲಾಗಿದೆ, ಅದರ ಬಳಕೆ ಕ್ಯಾನ್ವಾಸ್ ಬೆಂಬಲಿಸುವ ಬ್ರೌಸರ್ ಸೀಮಿತವಾಗಿರುತ್ತದೆ, ಆದರೆ ಫೈಲ್ API ನ:

IE10 +, FF3.6 + FF14-, FF18 + (FF15 FF18 ಪರಿಹರಿಸಲಾಗುವುದು ಎಂದು ಕೆಲವು ಕ್ಯಾನ್ವಾಸ್ ಕಾರ್ಯನಿರ್ವಹಣಾ, ಬಗ್ 787623, ಎನಾದರೂ ತೊಂದರೆಗಳಿದ್ದಲ್ಲಿ), Chrome6 + Safari6 + Opera11.1 +

ಈ ಅಭಿವೃದ್ಧಿಪಡಿಸುವವರಿಗೆ ಒಂದು ಸಾಧನವಾಗಿದೆ ಏಕೆಂದರೆ ನಾನು ಒಂದು ವೆಬ್ ಡೆವಲಪರ್ ಸೂಕ್ತ ಬ್ರೌಸರ್ ಆಯ್ಕೆ ಯಾವುದೇ ಸಮಸ್ಯೆ ಎಂದು ಊಹಿಸಿಕೊಳ್ಳಿ, ನಾನು ಈ ಒಂದು ದೊಡ್ಡ ಮಿತಿಯನ್ನು ಅಲ್ಲ ಎಂದು ಭಾವಿಸುತ್ತೇನೆ.

ನಾನು ಉಪಕರಣವನ್ನು ಅಭಿವೃದ್ಧಿ FF14 ಬಳಸಿದ್ದಾರೆ, ಆದ್ದರಿಂದ ಈ ಅತ್ಯುತ್ತಮ choise, ಆದರೆ ಉಪಕರಣ Chrome22 ಮತ್ತು Opera12 ಕೂಡ ಪರೀಕ್ಷಿಸಲಾಗಿದೆ


ಗಮನಿಸಿ: ನೀವು ಲೈವ್ ಪೂರ್ವವೀಕ್ಷಣೆ ಲಿಂಕ್ ನೋಡಬಹುದು ಉಪಕರಣದ ಆವೃತ್ತಿ, ಉಪಕರಣವನ್ನು ಒಂದು ಸೀಮಿತ ಆವೃತ್ತಿ. ಈ ಆವೃತ್ತಿಗೆ ನೀವು ಮಾತ್ರ ಮುಖಪುಟದಲ್ಲಿ ಪಟ್ಟಿ ಚಿತ್ರಗಳ ಒಂದು ನಿರ್ದಿಷ್ಟ, ಲೋಡ್ ಮಾಡಬಹುದು. ಚಿತ್ರವನ್ನು ಲೋಡ್ ನಂತರ ನೀವು ಎಲ್ಲಾ ಆಕಾರಗಳನ್ನು ಸೆಳೆಯಬಲ್ಲದು, ಆದರೆ ಮೊದಲ 6 ಆಕಾರಗಳನ್ನು HTML ಕೋಡ್ ನಡೆಯಲಿದೆ. ಈ ಮಿತಿಯನ್ನು ನೀವು ಉಪಕರಣದ ಎಲ್ಲಾ ಕಾರ್ಯನಿರ್ವಹಣಾ ಪರೀಕ್ಷಿಸಲು ತಡೆಯುವುದಿಲ್ಲ.


ಇಮೇಜ್ ನಕ್ಷೆ ಏನು?

ಚಿತ್ರ ನಕ್ಷೆ ಚಿತ್ರದ ಬಳಕೆದಾರ ಕ್ಲಿಕ್ ಮಾಡಬಹುದಾದ ವಿವಿಧ ಪ್ರದೇಶಗಳಲ್ಲಿ ಮಾಡುವ ಒಂದು HTML ಸಂಕೇತಗಳನ್ನು. HTML ಕೋಡ್ ಆಯತಾಕಾರದ, ಬಹುಭುಜಾಕಾರದ ಮತ್ತು ವೃತ್ತಾಕಾರದ ಆಕಾರಗಳು ಪ್ರದೇಶಗಳಲ್ಲಿ ವ್ಯಾಖ್ಯಾನಿಸಲು ಅನುಮತಿಸುತ್ತದೆ ಪ್ರದೇಶದಲ್ಲಿ ಟ್ಯಾಗ್, ಜೊತೆಯಲ್ಲಿ, ನಕ್ಷೆ HTML ಟ್ಯಾಗ್.
ನೀವು ನಿಮ್ಮ HTML ಪುಟದಲ್ಲಿ image1.png ಚಿತ್ರ ಹೊಂದಿದ್ದರೆ ಉದಾಹರಣೆಗೆ, ನೀವು ಈ ಕೆಳಗಿನ ಕೋಡ್ ಬರೆಯಬಹುದು:

 <img src="image1.png" width="145" height="126" alt="map example" usemap="#image1map" /> <map name="image1map"> <area shape="rect" coords="0,0,82,126" href="area1.html" alt="area1"> <area shape="poly" coords="108, 145, 174, 71, 205, 139, 153, 192" href="area2.html" alt="area2"> <area shape="circle" coords="124,58,8" href="area3.html" alt="area3"> <area shape="default" href="http://default.html" alt = "the whole image"/> </map> 

ನೀವು ನೋಡಬಹುದು ಎಂದು, ನೀವು ಮ್ಯಾಪ್ನಲ್ಲಿ ಟ್ಯಾಗ್ನಲ್ಲಿ ಹೆಸರು ಗುಣಲಕ್ಷಣ ಒಂದೇ ಮೌಲ್ಯವನ್ನು ಬರುವುದು img ಟ್ಯಾಗ್ usemap ಗುಣಲಕ್ಷಣ, ಸೆಟ್ ಮಾಡಬೇಕು. ನೀವು ಬಯಸುವ <ನಕ್ಷೆ> ಮತ್ತು </ ನಕ್ಷೆ> ನಡುವೆ ನೀವು, ಸಂಬಂಧಿಸಿದ ಚಿತ್ರದ ಮೇಲೆ ಒಂದು ಬಳಕೆದಾರ ಕ್ಲಿಕ್ ಮಾಡಬಹುದಾದ ಪ್ರದೇಶ ಪ್ರತಿನಿಧಿಸುವ ಪ್ರತಿಯೊಂದು ಅನೇಕ <ಪ್ರದೇಶದಲ್ಲಿ> ಟ್ಯಾಗ್ಗಳನ್ನು ರೂಪಿಸಬಹುದು. ಆಯತಾಕಾರ, ಪಾಲಿ ಮತ್ತು ವೃತ್ತ: ಪ್ರತಿ ಪ್ರದೇಶದಲ್ಲಿ 3 ಮೌಲ್ಯಗಳ ಒಂದು ಹೊಂದಬಹುದಾದ ಒಂದು ಆಕಾರ ಗುಣಲಕ್ಷಣ, ಹೊಂದಿರಬೇಕು. ಆಯತಾಕಾರ ಆಕಾರವನ್ನು ಸಂಪೂರ್ಣವಾಗಿ 2 ಅಂಕಗಳನ್ನು ವ್ಯಾಖ್ಯಾನಿಸುತ್ತದೆ, ಒಂದು ಪಾಲಿ ಆಕಾರ ಬಿಂದುಗಳ ಸರಣಿಯನ್ನು ವ್ಯಾಖ್ಯಾನಿಸುತ್ತದೆ ಮತ್ತು ವೃತ್ತದ ಆಕಾರ ಸೆಂಟರ್ ಪ್ರತಿನಿಧಿಸುವ ಬಿಂದು, ಮತ್ತು ತ್ರಿಜ್ಯದ ವ್ಯಾಖ್ಯಾನಿಸುತ್ತದೆ. ಎಲ್ಲಾ ಅಂಕಗಳನ್ನು ಕಕ್ಷೆಗಳು ಒಂದೆರಡು ವ್ಯಾಖ್ಯಾನಿಸಲಾಗಿದೆ ಚಿತ್ರದ ಮೇಲಿನ ಎಡ ಮೂಲೆಯಲ್ಲಿ ಸಂಬಂಧಿಗಳು, ಪಿಕ್ಸೆಲ್ಗಳಲ್ಲಿ ವ್ಯಕ್ತಪಡಿಸಿದರು. ಆಕಾರ ಗುಣಲಕ್ಷಣ ಹಿಂದಿನ ಆಕಾರಗಳನ್ನು ಯಾವುದೇ ಮ್ಯಾಪ್ ಅಲ್ಲ ಚಿತ್ರದ ಭಾಗಗಳಿಗೆ ಉಲ್ಲೇಖಿಸುವ "ಡೀಫಾಲ್ಟ್" ಮೌಲ್ಯ, ಹೊಂದಬಹುದು. ಆಕಾರಗಳನ್ನು ನಕ್ಷೆಯಲ್ಲಿ ವ್ಯಾಖ್ಯಾನಿಸಲಾಗಿದೆ ಯಾವ ಕ್ರಮದಲ್ಲಿ ಬಹಳ ಮುಖ್ಯ ಎಂದು, ಬದಲಿಗೆ, ಗಣನೆಗೆ ತೆಗೆದುಕೊಳ್ಳಿ: ನೀವು ನಕ್ಷೆ ಮೊದಲ ಆಕೃತಿಯ "ಡೀಫಾಲ್ಟ್" ಆಕಾರವನ್ನು ವ್ಯಾಖ್ಯಾನಿಸಲು ವೇಳೆ, ಇದು ಎಲ್ಲಾ ಅನಂತರದ ಆಕಾರಗಳನ್ನು ಅತಿಕ್ರಮಿಸುತ್ತವೆ "ಡೀಫಾಲ್ಟ್" ಏಕೆಂದರೆ ಆಕಾರ ಇಡೀ ಚಿತ್ರವನ್ನು ಸೂಚಿಸುತ್ತದೆ. ನೀವು ಒಂದು ದೊಡ್ಡ ಆಕಾರದಲ್ಲಿ ಸ್ವಲ್ಪ ಆಕಾರ ರೂಪಿಸಬಹುದು, ಆದರೆ ನೀವು ನಂತರ ದೊಡ್ಡ ಒಂದು ಮೊದಲ ಸ್ವಲ್ಪ ಆಕಾರ ವ್ಯಾಖ್ಯಾನಿಸಲು ಮತ್ತು ಈ ಪರಸ್ಪರ ಒಂದರ ಮೇಲೊಂದು ಆಕಾರಗಳನ್ನು ಸಹ ನಿಜ. 2 ಆಕಾರಗಳನ್ನು ಚಿತ್ರದ ಒಂದು ಭಾಗವನ್ನು ಹಂಚಿಕೊಂಡರೆ, ಮೊದಲ ವ್ಯಾಖ್ಯಾನಿಸಲಾಗಿದೆ ಆಕಾರ, ಗೆಲ್ಲುತ್ತಾನೆ.

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

ಚಿತ್ರ ಮ್ಯಾಪರ್ ಉಪಕರಣವನ್ನು ನೀವು ಚಿತ್ರವನ್ನು ಬಳಕೆದಾರನು ಕ್ಲಿಕ್ ಮಾಡಬಹುದಾದ ಪ್ರದೇಶಗಳಲ್ಲಿ ಮಾಡುತ್ತದೆ ಅನುಗುಣವಾದ HTML ಕೋಡ್ ರಲ್ಲಿ ಸ್ವಯಂಚಾಲಿತವಾಗಿ ಅನುವಾದ ಎಂದು ಇಂತಹ ಆಯ್ಕೆಮಾಡಿದ ಇಮೇಜ್ ಮೇಲೆ ಆಯತಾಕಾರ, ಪಾಲಿ, ಮತ್ತು ವೃತ್ತವಾಗಿ ಆಕಾರಗಳನ್ನು, ಸೆಳೆಯಲು ಅನುಮತಿಸುತ್ತದೆ.

ಕೊಟ್ಟಿರುವ ಚಿತ್ರದ ಮೇಲೆ ಆಕಾರಗಳನ್ನು ರೇಖಾಚಿತ್ರ ನಂತರ, ನೀವು ಕೇವಲ ಒಂದು ಬಟನ್ ಕ್ಲಿಕ್ಕಿಸಿ HTML ಕೋಡ್ ಉತ್ಪಾದಿಸಬಹುದು ಮತ್ತು ಕೋಡ್ ಒಂದು textarea ರಲ್ಲಿ displayied ನಡೆಯಲಿದೆ. ನೀವು HTML ಕೋಡ್ ಅನ್ನು ನಕಲಿಸಿ ಮತ್ತು ನಿಮ್ಮ HTML ಪುಟ (ಗಳು) ಇದನ್ನು ಬಳಸಬಹುದು. ನೀವು ರಿವರ್ಸ್ ಪ್ರಕ್ರಿಯೆಯನ್ನು ಸಹ ಮಾಡಬಹುದು: textarea ರಲ್ಲಿ HTML ಕೋಡ್ ಅಂಟಿಸಲು, ನೀವು ಈ ಕೋಡ್ ಕೇವಲ ಒಂದು ಬಟನ್ ಕ್ಲಿಕ್ ಲೋಡ್ ಮಾಡಬಹುದು; ಈ ಚಿತ್ರದ ಮೇಲೆ ಆಕಾರಗಳಲ್ಲಿ ಅನುವಾದಿಸಲಾಗುತ್ತದೆ ಮತ್ತು ನೀವು ಅವುಗಳನ್ನು ಮಾರ್ಪಡಿಸಬಹುದು, ಹೊಸ ಆಕಾರಗಳನ್ನು ಸೇರಿಸಲು ಮತ್ತು HTML ಕೋಡ್ ಮರು ಉತ್ಪಾದಿಸಬಹುದು. ಈ ರಿವರ್ಸ್ ಯಾಂತ್ರಿಕ ನೀವು ಭಾಗಶಃ ಮ್ಯಾಪಿಂಗ್ ಪ್ರಕ್ರಿಯೆಯನ್ನು ಉಳಿಸಲು ಮತ್ತು ನಂತರ ಚಿತ್ರ ನಕ್ಷೆ ಮುಂದುವರೆಸಲು ಅವಕಾಶ ಉಪಯುಕ್ತವಾಗಿದೆ. Textarea ಸಂಕೇತವನ್ನು ಉತ್ಪಾದಿಸುವ ನಂತರ, ನೀವು ಹಾರಾಡುತ್ತ textarea ರಲ್ಲಿ ಕಕ್ಷೆಗಳು ಮಾರ್ಪಡಿಸಬಹುದು ಮತ್ತು ಮರು ಲೋಡ್: ಇದು "ಕೈಯಾರೆ" / ಸ್ಥಾನಿಕ ವಿನ್ಯಾಸ ಆಕಾರ ಸಂಸ್ಕರಿಸಲು ಉಪಯುಕ್ತವಾಗಿದೆ.

ಮುಖ್ಯ ವೈಶಿಷ್ಟ್ಯಗಳು

  • ನೀವು ಒಂದು ಸ್ಥಳೀಯ ಅಥವಾ ದೂರದ ಚಿತ್ರವನ್ನು ಆಯ್ಕೆ ಮಾಡಬಹುದು
  • ನೀವು ಗುರಿ ಚಿತ್ರ ಗಾತ್ರಗಳನ್ನು ಹೊಂದಿಸಬಹುದು: ಈ ಚಿತ್ರವನ್ನು ನಿಮ್ಮ HTML ಪುಟದಲ್ಲಿ ಬರುವುದು ಗಾತ್ರದ
  • ನೀವು ಯಾವುದೇ ಕ್ಷಣದಲ್ಲಿ ಚಿತ್ರದಲ್ಲಿ ಝೂಮ್ ಔಟ್ ಮತ್ತು ಈ ಮಾತ್ರ ಚಿತ್ರದ ಗುರಿ ಗಾತ್ರಗಳು ಅವಲಂಬಿಸುವ ರಚಿಸಲಾಗಿದೆ ನೈಜ ಕಕ್ಷೆಗಳು, ಹಸ್ತಕ್ಷೇಪ ಮಾಡುವುದಿಲ್ಲ. ಜೂಮ್ ವೈಶಿಷ್ಟ್ಯವು ನೀವು ಆಕಾರಗಳನ್ನು ಸೆಳೆಯಲು ಸಹಾಯ ಮಾತ್ರ ಉಪಯುಕ್ತ.
  • ನೀವು "href" ಗುಣಲಕ್ಷಣ, "ಆಲ್ಟ್" ಗುಣಲಕ್ಷಣ "ಐಡಿ" ಮತ್ತು "ವರ್ಗ" ಲಕ್ಷಣಗಳು ಮತ್ತು ಅಂತಿಮವಾಗಿ "ಟಾರ್ಗೆಟ್" ಗುಣಲಕ್ಷಣ ಪ್ರತಿ ಆಕಾರ ಅನೇಕ ನಿಯತಾಂಕಗಳನ್ನು ಹೊಂದಿಸಬಹುದು. ನೀವು ಆಕಾರ ಆಯ್ಕೆ ಮಾಡಬೇಕು ನಿಯತಾಂಕ ಹೊಂದಿಸಲು: ನೀವು ಟೂಲ್ಬಾರ್ನಲ್ಲಿ ಮೇಲಿನ ಎಡ ಬಾಣದ ಆಯ್ಕೆ ತದನಂತರ ಆಕಾರದ ಮೇಲೆ ಕ್ಲಿಕ್ ಮಾಡಬೇಕು ಆಕಾರವನ್ನು ಆಯ್ಕೆ.
  • ನಕ್ಷೆ "ಹೆಸರು", ಡೀಫಾಲ್ಟ್ URL ಮತ್ತು ಗುರಿ: ನೀವು ನಕ್ಷೆ ಕೆಲವು ನಿಯತಾಂಕಗಳನ್ನು ಹೊಂದಿಸಬಹುದು.
  • ನೀವು ಟೂಲ್ ಬಾರ್ ಆಕಾರದಲ್ಲಿ ಆಯ್ಕೆ ಪೆನ್ಸಿಲ್.
  • ಟೂಲ್ಬಾರ್ ಇದನ್ನು ಆಯ್ಕೆ ನಂತರ, ಆಕಾರವನ್ನು ಸೆಳೆಯಲು, ನೀವು ಕೇವಲ ನೀವು ಆಕಾರ ಆರಂಭಿಸಲು ಎಲ್ಲಿ ಇಮೇಜ್ ಮೇಲೆ ಇಲಿಯನ್ನು ಕ್ಲಿಕ್ ಮಾಡಬಹುದು.
  • ಆಕಾರ ವೃತ್ತದ ವೇಳೆ, firts ಪಾಯಿಂಟ್ ಕೇಂದ್ರವಾಗಿದೆ: (ಕ್ಲಿಕ್ ಅಥವಾ ಬಿಡುಗಡೆ) ಮೌಸ್ ಚಲಿಸುವ, ನೀವು ಕರ್ಸರ್ ಅನುಸರಿಸಿ ವೃತ್ತದ ನೋಡಬಹುದು. ಮತ್ತೆ ಮೌಸ್ ಕ್ಲಿಕ್ ವಲಯಕ್ಕೆ ರೇಖಾಚಿತ್ರ ನಿಷ್ಕ್ರಿಯಗೊಳ್ಳುತ್ತವೆ.
  • ಆಕಾರ ಒಂದು ಆಯತಾಕಾರ ವೇಳೆ. ಮೊದಲ ಹಂತದಲ್ಲಿ ಮೂಲೆಯಲ್ಲಿ ಒಂದಾಗಿದೆ. (ಕ್ಲಿಕ್ ಅಥವಾ ಬಿಡುಗಡೆ) ಮೌಸ್ ಚಲಿಸುವ ಒಂದು rect ಮಾಡುತ್ತದೆ. ಮತ್ತೆ ಮೌಸ್ ಕ್ಲಿಕ್ ಚಿತ್ರ ನಿಷ್ಕ್ರಿಯಗೊಳ್ಳುತ್ತವೆ.
  • ಆಕಾರವು ಪಾಲಿ ವೇಳೆ ಪ್ರಕ್ರಿಯೆಯು ಸ್ವಲ್ಪ ಭಿನ್ನವಾಗಿದೆ: ಬಿಂದು ಹೊಂದಿಸುತ್ತದೆ ಇಲಿಯ ಪ್ರತಿ ಕ್ಲಿಕ್; ಪ್ರಸ್ತುತ ಪಾಯಿಂಟ್ ಯಾವಾಗಲೂ ಯಾವಾಗಲೂ ಒಂದು ಮುಚ್ಚಿದ ಆಕಾರ ಪಾಲಿ ಮಾಡುವ, ಭದ್ರದಾರುಗಳು ಒಂದು ಸಂಪರ್ಕ ಇದೆ; ಪಾಲಿ ಸೆಳೆಯಲು ನಿಲ್ಲಿಸಲು ನೀವು ಮೌಸ್ ಡಬಲ್ ಕ್ಲಿಕ್ ಮಾಡಿ (ಕೊನೆಯ ಬಿಂದು ಸೆಟ್).
  • ಎಲ್ಲಾ ಆಕಾರಗಳನ್ನು ನೀವು ಸಹ ಅವುಗಳನ್ನು "ಸ್ಟಾಪ್" ಬಟನ್ (ಟೂಲ್ಬಾರ್ನಲ್ಲಿ ಮೇಲಿನ ಎಡ ಬಾಣ) ಕ್ಲಿಕ್ಕಿಸಿ ಸೆಳೆಯಲು ನಿಲ್ಲಿಸಬಹುದು.
  • ನೀವು ಚಿತ್ರದ ಮೇಲೆ ಚಲಿಸುವ ಮಾಡಿದಾಗ ಮೌಸ್ ಸಂಘಟಿಸುತ್ತದೆ ನೋಡಬಹುದು.
  • ನೀವು ಗಡಿ ಬಳಸಬಹುದು ಆದ್ದರಿಂದ ಚಿತ್ರದ ಭಾಗವಾಗಿತ್ತು ಎಂದು ನೀವು ಅಂಚಿನ ಚಿತ್ರ ನಿರ್ದೇಶಾಂಕ ನಿರ್ಧರಿಸಲು ಚಿತ್ರ ಸುತ್ತಲಿರುವ ಕಂದು-ಬಿಡಿ ಗಡಿ ಬಳಸಬಹುದು: ಆದ್ದರಿಂದ, ನೀವು ಆಕಾರ ಚಿತ್ರ ಸಮಯದಲ್ಲಿ ಗಡಿಯಲ್ಲಿ ಮೇಲೆ ಕ್ಲಿಕ್ ಮಾಡಿ, ಜಸ್ ಅದು ಚಿತ್ರದ ಭಾಗವಾಗಿತ್ತು. ನೀವು ಗಡಿಯ ಮೇಲಿನ ಎಡ ಮೂಲೆಯಲ್ಲಿರುವ ಕ್ಲಿಕ್ ಉದಾಹರಣೆಗೆ, ನೀವು ಒಂದು ಬಿಂದು ಹೊಂದಿಸುತ್ತದೆ (0, 0) ಕಕ್ಷೆಗಳು. ನೀವು ಎಡ ಗಡಿ ಕ್ಲಿಕ್ ಮಾಡಿದರೆ, ಯಾವುದೇ ಹಂತದಲ್ಲಿ, ನೀವು ಇತ್ಯಾದಿ, ಸಂಘಟಿಸುತ್ತದೆ (0, Y) ಬಿಂದು ಹೊಂದಿಸುತ್ತದೆ
  • ನೀವು ಅದನ್ನು ತೆಗೆದು / ಮರುಗಾತ್ರಗೊಳಿಸಿ / ಈಗಾಗಲೇ ಡ್ರಾ ಆಕಾರ ಆಯ್ಕೆ ಮತ್ತು ಮಾರ್ಪಡಿಸಬಹುದು. ಇದು ತೆಗೆದುಹಾಕಲು ನೀವು ಪೆನ್ಸಿಲ್ ತಿರಸ್ಕರಿಸಿದರು ಕೇವಲ ಒಂದು ಆಕಾರ ಆಯ್ಕೆ ದೂರವಾಣಿ ಎಂದು ಟೂಲ್ಬಾರ್ನಲ್ಲಿ "ರಬ್ಬರ್" ಅನ್ನು ಹೊಂದಿವೆ.
  • ನೀವು (ಈ ಒಂದು ವಿನ್ಯಾಸ ಉಪಕರಣ ಅಲ್ಲ, ಆದ್ದರಿಂದ ನಾನು ಬಣ್ಣದ ಸಂಖ್ಯೆ ನಿರ್ಬಂಧಿಸಿವೆ ಮತ್ತು ನೀವು ಪ್ರತಿ ಆಕಾರವನ್ನು ಬೇರೆ ಬಣ್ಣವನ್ನು ಆಯ್ಕೆ ಮಾಡಬಹುದು) 5 ಬಣ್ಣಗಳಲ್ಲಿ ಗುಂಪಿನಿಂದ ಆಕಾರಗಳ ಬಾಹ್ಯರೇಖೆ ಬಣ್ಣವನ್ನು ಆಯ್ಕೆ ಮಾಡಬಹುದು.
  • , ನೀವು ಚಿತ್ರದ ಮೇಲೆ ಚಿತ್ರಿಸಿದ ಕೆಲವು ಆಕಾರಗಳು ಹೊಂದಿದ್ದರೆ ನೀವು textarea ರಲ್ಲಿ HTML ಕೋಡ್ ನೋಡುತ್ತಾರೆ: ನೀವು ಟೂಲ್ಬಾರ್ನಲ್ಲಿ "ಸ್ಟಾಪ್" ಬಟನ್ ಆಯ್ಕೆ ಮತ್ತು ಯಾವುದೇ ಆಕಾರ ಆಯ್ಕೆ ಮಾತ್ರ ಗೋಚರಿಸುತ್ತದೆ ಎಂದು, "ಮ್ಯಾಪ್" ಬಟನ್ ಮೇಲೆ ಕ್ಲಿಕ್ ಮಾಡಿ ನೀವು ಇನ್ನೂ ಒಂದು ಆಕಾರವನ್ನು ಡ್ರಾ ಇದ್ದರೆ ನೀವು ಖಾಲಿ textarea ನೋಡಬಹುದು, ಆದರೆ ನೀವು ಕೆಲವು HTML ಕೋಡ್ ಕಳೆದ ಮಾಡಬಹುದು ಮತ್ತು ಅದನ್ನು ಲೋಡ್.
  • (ನೀವು ಮಾತ್ರ "ಮ್ಯಾಪ್" ಗುಂಡಿಯನ್ನು ಕ್ಲಿಕ್ಕಿಸಿ ನಂತರ ನೋಡಬಹುದು) "ಲೋಡ್" ಗುಂಡಿಯನ್ನು ಕ್ಲಿಕ್ಕಿಸಿ, textarea ಈಗಿನ HTML ಕೋಡ್ ಚಿತ್ರದ ಮೇಲೆ ಆಕಾರಗಳಲ್ಲಿ ಅನುವಾದ ನಡೆಯಲಿದೆ.

ನೀವು ಕೆಳಗಿನ ಲಿಂಕ್ ನಲ್ಲಿ ಉಪಕರಣದ ಸಂಪೂರ್ಣ ಕೈಪಿಡಿ ಸಂಪರ್ಕಿಸಿ ಮಾಡಬಹುದು: ಕೈಪಿಡಿ

ನೀವು ಯಾವುದೇ ಪ್ರಶ್ನೆಗಳನ್ನು ಹೊಂದಿದ್ದರೆ, ಕೇವಲ ಪ್ರತಿಕ್ರಿಯಿಸುವಾಗ ಅಥವಾ ಇಮೇಲ್ ಬಿಡಿ!


ಡೌನ್ಲೋಡ್
ಈ ವರ್ಗದಲ್ಲಿ ಇತರ ಅಂಶಗಳುಈ ಲೇಖಕ ಎಲ್ಲಾ ಘಟಕಗಳನ್ನು
ಪ್ರತಿಕ್ರಿಯೆಗಳುಪುನರಾವರ್ತಿತ ಪ್ರಶ್ನೆಗಳು ಮತ್ತು ಉತ್ತರಗಳನ್ನು ಕೇಳಿದರು

ಗುಣಲಕ್ಷಣಗಳು

ದಾಖಲಿಸಿದವರು:
10 ಅಕ್ಟೋಬರ್ 12

ಕೊನೆಯ ನವೀಕರಣ:
ಎನ್ / ಎ

ಹೈ ರೆಸಲ್ಯೂಷನ್:
ಯಾವುದೇ

ಹೊಂದಾಣಿಕೆಯಾಗುತ್ತದೆಯೆ ಬ್ರೌಸರ್ಗಳು:
ಫೈರ್ಫಾಕ್ಸ್, ಒಪೆರಾ ಕ್ರೋಮ್

ಫೈಲ್ಸ್:
ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಜೆಎಸ್, ಎಚ್ಟಿಎಮ್ಎಲ್, ಸಿಎಸ್ಎಸ್

ಸಾಫ್ಟ್ವೇರ್ ಆವೃತ್ತಿ:
HTML5

ಕೀವರ್ಡ್ಗಳು

ಐಕಾಮರ್ಸ್, ಐಕಾಮರ್ಸ್, ಎಲ್ಲಾ ವಸ್ತುಗಳು, ಅಪ್ಲಿಕೇಶನ್, ಪ್ರದೇಶದಲ್ಲಿ, ಕ್ಯಾನ್ವಾಸ್, ವೃತ್ತದ, ಸಂಘಟಿಸಲು, HTML5, ಚಿತ್ರ, ನಕ್ಷೆ, ಮ್ಯಾಪರ್, ಪಾಲಿ, ಆಯತಾಕಾರ, ಆಕಾರ, ಗುರಿ, ಸಾಧನ, ಜೂಮ್