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

fillRect()1

JS๋กœ ๊ทธ๋ฆผ ๊ทธ๋ฆฌ๊ธฐ rect/fill/fillRect/beginPath/fillStyle/moveTo/lineTo/arc ํ•จ์ˆ˜ rect : ์‚ฌ๊ฐํ˜•์„ ์„ ์œผ๋กœ ๊ทธ๋ฆฌ๋Š” ํ•จ์ˆ˜. ์œ„ ํ•จ์ˆ˜์— ํ•„์š”ํ•œ argument๋กœ๋Š” ์ˆœ์„œ๋Œ€๋กœ x์ขŒํ‘œ, y์ขŒํ‘œ, ์›ํ•˜๋Š” x์„  ๊ธธ์ด, ์›ํ•˜๋Š” y์„  ๊ธธ์ด fill : ์„ ์œผ๋กœ ๋งŒ๋“ค์–ด์ง„ ์˜์—ญ(๋„ํ˜•)์„ ์ƒ‰(๊ธฐ๋ณธ black)์œผ๋กœ ์ฑ„์šฐ๋Š” ํ•จ์ˆ˜ fillRect : ์„ ๊ณผ ์ฑ„์šฐ๊ธฐ ํ•จ์ˆ˜ rect,fill์„ ํ•œ๋ฒˆ์— ํ•  ์ˆ˜ ์žˆ๊ฒŒ ํ•œ๋ฒˆ์— ์ฑ„์›Œ์ง„ ๋„ํ˜•์„ ๊ทธ๋ฆฌ๋Š” ํ•จ์ˆ˜. ํ•„์š”ํ•œ argument๋Š” ์‹œ์ž‘ํ•  x์ขŒํ‘œ,y์ขŒํ‘œ , ์ฑ„์šธ๋งŒํผ์˜ x์ขŒํ‘œ, y์ขŒํ‘œ beginPath : ์ƒˆ๋กœ์šด ์ƒ‰/์Šคํƒ€์ผ์„ ์ž…ํžˆ๊ณ  ์‹ถ์„๋•Œ path๋ฅผ ์ƒˆ๋กœ ์ง€์ •ํ•ด์ฃผ๊ธฐ ์œ„ํ•ด ํ˜ธ์ถœํ•˜๋Š” ํ•จ์ˆ˜ fillStyle : ์ƒ‰์œผ๋กœ ์ฑ„์šธ๋•Œ ์›ํ•˜๋Š” ์ƒ‰์„ ์ž…๋ ฅ moveTo: ๋งˆ์šฐ์Šค ์ปค์„œ์˜ ์œ„์น˜๋ฅผ ๋‹ค์‹œ ์ž…๋ ฅํ•˜๊ณ  ์‹ถ์„๋•Œ ์‚ฌ์šฉ. ์œ„ ํ•จ์ˆ˜์— ํ•„์š”ํ•œ argument๋กœ๋Š” ์ˆœ์„œ๋Œ€๋กœ ์ด๋™ํ•˜๊ณ  ์‹ถ์€ x์ขŒํ‘œ ์œ„์น˜ (์ˆซ.. 2022. 8. 27.

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