๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ
728x90
๋ฐ˜์‘ํ˜•

์ด๋ฏธ์ง€ํด๋ฆญ์˜์—ญ์ง€์ •1

[HTML] ์ด๋ฏธ์ง€ ํŠน์ • ๋ฒ”์œ„์— ํด๋ฆญ์˜์—ญ ์ง€์ •ํ•˜๊ธฐ / img map img ํƒœ๊ทธ ์†์„ฑ์œผ๋กœ usemap์„ ์ง€์ •(id์™€ ์œ ์‚ฌ)usemap='#*'์ด๋ฏธ์ง€ ์œ„์น˜ ์ƒ๊ด€์—†์ด mapํƒœ๊ทธ๋ฅผ ๊ธฐ์ˆ . mapํƒœ๊ทธ ์† name ์†์„ฑ์— ๋งต์„ ์ง€์ •ํ•  ์ด๋ฏธ์ง€์˜ usemap์„ '#'์—†์ด ๊ธฐ์ž….mapํƒœ๊ทธ(์™€ ๋งˆ๊ฐํƒœ๊ทธ) ์‚ฌ์ด์— areaํƒœ๊ทธ ๊ธฐ์ˆ . ํ•„์ˆ˜์†์„ฑ์œผ๋กœ shape='๋„ํ˜•์ด๋ฆ„:rect/circle/poly/default',coords='์œ„์น˜์ขŒํ‘œ๊ฐ’'shape์†์„ฑ๊ฐ’ : default๋Š” ์ „์ฒด, poly๋Š” ๋‹ค๊ฐํ˜•coords๋ฅผ ์ง€์ •ํ•  ๋•Œ :์‚ฌ๊ฐํ˜•(rect) - ์ƒ์ขŒ ๊ผญ์ง“์ ์˜ x์ขŒํ‘œ, y์ขŒํ‘œ, ํ•˜์šฐ ๊ผญ์ง“์ ์˜ x์ขŒํ‘œ, y์ขŒํ‘œ ์›(circle) - ์ฐจ๋ก€๋กœ x์ขŒํ‘œ, 4์ขŒํ‘œ, ๋ฐ˜์ง€๋ฆ„(๊ธธ์ด)๋‹ค๊ฐํ˜•(poly) - ๊ผญ์ง“์ ๋“ค์˜ x์ขŒํ‘œ, y์ขŒํ‘œ ๋‚˜์—ด  ํ™œ์šฉ href ์†์„ฑ - ํด๋ฆญ์‹œ ๋งํฌ ์ด๋™onClick ์†์„ฑ -  JS๋“ฑ์˜ .. 2020. 2. 14.
728x90
๋ฐ˜์‘ํ˜•

ํ‹ฐ์Šคํ† ๋ฆฌํˆด๋ฐ”