๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ
728x90

Canvas1

Canvas์™€ SVG: ์˜๋ฏธ, ์—ญํ• , ์‚ฌ์šฉ ์‚ฌ๋ก€, ์žฅ๋‹จ์  ๋ฐ ์ฐจ์ด์  Canvas์™€ SVG: ์˜๋ฏธ, ์—ญํ• , ์‚ฌ์šฉ ์‚ฌ๋ก€, ์žฅ๋‹จ์  ๋ฐ ์ฐจ์ด์  ๊ฐœ์š” Canvas์™€ SVG๋Š” ์›น ๊ฐœ๋ฐœ์—์„œ ๊ทธ๋ž˜ํ”ฝ์„ ์ƒ์„ฑํ•˜๊ณ  ์กฐ์ž‘ํ•˜๋Š” ๋‘ ๊ฐ€์ง€ ์ฃผ์š” ๊ธฐ์ˆ ์ž…๋‹ˆ๋‹ค. ์ด ๋ฌธ์„œ์—์„œ๋Š” Canvas์™€ SVG์˜ ๊ฐœ๋…, ์—ญํ• , ์‚ฌ์šฉ ์‚ฌ๋ก€, ์žฅ๋‹จ์ , ๊ทธ๋ฆฌ๊ณ  ์ฐจ์ด์ ์„ ์ž์„ธํžˆ ์„ค๋ช…ํ•˜๊ฒ ์Šต๋‹ˆ๋‹ค. Canvas๋ž€? Canvas๋Š” HTML5์˜ ์š”์†Œ ์ค‘ ํ•˜๋‚˜๋กœ, JavaScript๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ๊ทธ๋ž˜ํ”ฝ์„ ๊ทธ๋ฆฌ๋Š” ๊ธฐ์ˆ ์ž…๋‹ˆ๋‹ค. ํ”„๋กœ๊ทธ๋ž˜๋ฐ์ ์œผ๋กœ ํ”ฝ์…€ ๋‹จ์œ„๋กœ ๊ทธ๋ฆผ์„ ๊ทธ๋ฆด ์ˆ˜ ์žˆ์œผ๋ฉฐ, ์ด๋ฏธ์ง€, ์• ๋‹ˆ๋ฉ”์ด์…˜, ๊ทธ๋ฆฌ๊ณ  ๋ฐ์ดํ„ฐ ์‹œ๊ฐํ™”๋ฅผ ์œ„ํ•ด ์‚ฌ์šฉ๋ฉ๋‹ˆ๋‹ค. SVG๋ž€? SVG(Scalable Vector Graphics)๋Š” XML ๊ธฐ๋ฐ˜์˜ ๋ฒกํ„ฐ ์ด๋ฏธ์ง€ ํ‘œํ˜„ ๋ฐฉ์‹์ž…๋‹ˆ๋‹ค. ํ…์ŠคํŠธ ๊ธฐ๋ฐ˜์œผ๋กœ ์ •์˜๋˜์–ด ์žˆ์–ด ํ™•์žฅ์„ฑ์ด ๋›ฐ์–ด๋‚˜๋ฉฐ, ์ด๋ฏธ์ง€๋ฅผ ํ™•๋Œ€ํ•˜๊ฑฐ๋‚˜ ์ถ•์†Œํ•ด๋„ ํ’ˆ์งˆ์ด ์œ ์ง€.. 2024. 3. 20.

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