{"id":46274,"date":"2022-11-21T19:06:21","date_gmt":"2022-11-21T10:06:21","guid":{"rendered":"https:\/\/www.charlezz.com\/?p=46274"},"modified":"2022-11-21T19:06:23","modified_gmt":"2022-11-21T10:06:23","slug":"first-step-in-canvas-2-path-basics","status":"publish","type":"post","link":"https:\/\/charlezz.com\/?p=46274","title":{"rendered":"First step in Canvas \u2013 (2) Path Basics"},"content":{"rendered":"\n<h1 class=\"wp-block-heading\">Path Basics<\/h1>\n\n\n\n<p>\uc774\ubc88 \ud3ec\uc2a4\ud305\uc5d0\uc11c\ub294 Path\uac00 \ubb34\uc5c7\uc778\uc9c0 \uc0b4\ud3b4\ubcf4\uace0, Path\ub85c \uc5b4\ub5a4\uc77c\ub4e4\uc744 \ud560 \uc218 \uc788\ub294\uc9c0 \uc0b4\ud3b4\ubcf4\ub3c4\ub85d \ud558\uaca0\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Path\ub780?<\/h2>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"575\" src=\"https:\/\/www.charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--5.17.41-1024x575.png\" alt=\"\" class=\"wp-image-46275\" srcset=\"https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--5.17.41-1024x575.png 1024w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--5.17.41-300x168.png 300w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--5.17.41-768x431.png 768w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--5.17.41-1536x863.png 1536w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--5.17.41.png 1574w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>\uc548\ub4dc\ub85c\uc774\ub4dc\uc758 Path \ud074\ub798\uc2a4\ub294 \uc704\uc5d0 \uc788\ub294 \uc774\ubbf8\uc9c0 \ucc98\ub7fc \uc9c1\uc120 \ubc0f \uace1\uc120 \ub4f1\uc73c\ub85c \uad6c\uc131\ub41c \ubcf5\ud569\uc801\uc774\uace0 \uae30\ud558\ud559\uc801\uc778 \ub0b4\uc6a9\uc744 \uadf8\ub9b4 \uc218 \uc788\ub3c4\ub85d \ub3c4\uc640\uc90d\ub2c8\ub2e4.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Path\ub85c \uadf8\ub9ac\uae30<\/h2>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"575\" src=\"https:\/\/www.charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--5.18.47-1024x575.png\" alt=\"\" class=\"wp-image-46276\" srcset=\"https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--5.18.47-1024x575.png 1024w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--5.18.47-300x168.png 300w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--5.18.47-768x431.png 768w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--5.18.47-1536x863.png 1536w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--5.18.47.png 1574w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Canvas \uc2a4\ucf54\ud504 \ub0b4\uc5d0\uc11c path\ub97c \uadf8\ub9b4 \ub54c \uc0ac\uc6a9\ud558\ub294 \uba54\uc11c\ub4dc\ub85c drawPath\uac00 \uc788\uc2b5\ub2c8\ub2e4. \uc774\ubbf8\uc9c0 \uc0c1\uc758 \ub450 drawPath\ub294 \ud070 \ucc28\uc774\ub294 \uc5c6\uace0 color\ub85c \uadf8\ub9ac\ub0d0 brush\ub85c \uadf8\ub9ac\ub0d0\ub294 \ucc28\uc774\uac00 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<p>\uadf8\ub9ac\uace0 \uc774\uc804 \ud3ec\uc2a4\ud305\uc5d0\uc11c \ub2e4\ub8e8\uc9c0 \uc54a\uc740 \uceec\ub7ec \ud544\ud130\uc640 \ud63c\ud569 \ubaa8\ub4dc \ub9e4\uac1c\ubcc0\uc218\uac00 \uc788\ub294\ub370,\u00a0\uc774 \ubd80\ubd84\uc740 \ub4b7\ubd80\ubd84\uc5d0\uc11c \ub2e4\uc2dc \uc124\uba85\ud558\ub3c4\ub85d \ud558\uaca0\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Path APIs<\/h2>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"575\" src=\"https:\/\/www.charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--5.33.55-1024x575.png\" alt=\"\" class=\"wp-image-46278\" srcset=\"https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--5.33.55-1024x575.png 1024w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--5.33.55-300x168.png 300w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--5.33.55-768x431.png 768w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--5.33.55-1536x863.png 1536w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--5.33.55.png 1574w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Path \ud074\ub798\uc2a4 \uc624\ube0c\uc81d\ud2b8\ub294 \ub2e4\uc74c\uacfc \uac19\uc740 API \ub4e4\uc744 \uc0ac\uc6a9\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. <\/p>\n\n\n\n<ul><li>moveTo: \ud604\uc7ac\uc758 \ud3ec\uc778\ud130\ub97c \uc62e\uae30\ub294 \uac83\uc744 \uc758\ubbf8\ud55c\ub2e4.<\/li><li>lineTo: \ud604\uc7ac \ud3ec\uc778\ud130\ub85c\ubd80\ud130 \uc8fc\uc5b4\uc9c4 \uc88c\ud45c\ub85c \uc120\uc744 \uae0b\ub294\ub2e4.<\/li><li>addRect: \uc0ac\uac01\ud615\uc744 \uadf8\ub9b0\ub2e4<\/li><li>addOval: \ud0c0\uc6d0\uc744 \uadf8\ub9b0\ub2e4<\/li><li>addArc: \ud638\ub97c \uadf8\ub9b0\ub2e4.<\/li><li>close: \uc2dc\uc791\uc810\uacfc \ub05d\uc810\uc744 \uc774\uc5b4\uc11c \ub2eb\ud78c \ub3c4\ud615\uc744 \ub9cc\ub4e4 \uc218 \uc788\ub3c4\ub85d \ud55c\ub2e4.<\/li><\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">\uac04\ub2e8\ud55c Path \uc608\uc81c<\/h2>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"575\" src=\"https:\/\/www.charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--5.37.58-1024x575.png\" alt=\"\" class=\"wp-image-46280\" srcset=\"https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--5.37.58-1024x575.png 1024w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--5.37.58-300x168.png 300w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--5.37.58-768x431.png 768w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--5.37.58-1536x863.png 1536w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--5.37.58.png 1574w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>\uc774\uc804 \ud3ec\uc2a4\ud305\uc5d0\uc11c \ub2e4\ub8e8\uc5c8\ub358 \uc624\uac01\ud615 \ub9cc\ub4e4\uae30\uc640 \ube44\uc2b7\ud55c \ubc29\ubc95\uc73c\ub85c \uc791\ub3c4\ub97c \ud55c \ub2e4\uc74c, PATH API\ub97c \uc0ac\uc6a9\ud558\uc5ec \uac04\ub2e8\ud788 \ubcc4 \ubaa8\uc591\uc744 \ub9cc\ub4e4 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"575\" src=\"https:\/\/www.charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--5.38.19-1024x575.png\" alt=\"\" class=\"wp-image-46281\" srcset=\"https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--5.38.19-1024x575.png 1024w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--5.38.19-300x168.png 300w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--5.38.19-768x431.png 768w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--5.38.19-1536x863.png 1536w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--5.38.19.png 1574w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>\uc815\uc810\ub4e4\uc758 \uc88c\ud45c \uacc4\uc0b0\uc774 \ub05d\ub0ac\ub2e4\uba74 Path\uc758 API\ub97c \uc801\uc808\ud788 \ud638\ucd9c\ud558\uc5ec \ubcc4\uc744 \uadf8\ub9b4 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<p>\uc774\ubbf8\uc9c0 \uc0c1\uc5d0\uc11c\ub294 \ud3ec\uc778\ud130\ub97c 12\uc2dc\ubc29\ud5a5\uc758 \uc815\uc810\uc744 \uc62e\uae34\ub4a4, \uc5ed\uc2dc\uacc4 \ubc29\ud5a5\uc73c\ub85c \uc120\uc744 \uadf8\ub824\ub098\uac11\ub2c8\ub2e4. \ub9c8\uc9c0\ub9c9 \uc815\uc810\uc5d0\uc11c lineTo()\ub97c \ud638\ucd9c\ud574\ub3c4 \ub418\uc9c0\ub9cc, close() \uba54\uc11c\ub4dc\ub97c \ud638\ucd9c\ud558\uc5ec \ub2eb\ud78c \ub3c4\ud615\uc73c\ub85c \ub9c8\ubb34\ub9ac \ud574\uc90d\ub2c8\ub2e4.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\ubca0\uc9c0\uc5d0 \uace1\uc120<\/h2>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"575\" src=\"https:\/\/www.charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--5.40.46-1024x575.png\" alt=\"\" class=\"wp-image-46282\" srcset=\"https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--5.40.46-1024x575.png 1024w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--5.40.46-300x168.png 300w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--5.40.46-768x431.png 768w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--5.40.46-1536x863.png 1536w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--5.40.46.png 1574w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>\ud504\ub791\uc2a4\uc758 \uacf5\ud559\uc790 \ud53c\uc5d0\ub974 \ubca0\uc9c0\uc5d0(Pierre B\u00e9zier)\uc758 \uc774\ub984\uc744 \ub530 \ubca0\uc9c0\uc5b4 \uace1\uc120\uc774\ub77c\uace0 \ud558\ub294\ub370,\u00a0\ud06c\uac8c \ub450\uac00\uc9c0 \ud0c0\uc785\uc774 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<ul><li>Quadratic B\u00e9zier \uace1\uc120<\/li><li>Cubic B\u00e9zier \uace1\uc120<\/li><\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Quadratic B\u00e9zier \uace1\uc120<\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"575\" src=\"https:\/\/www.charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--5.43.12-1024x575.png\" alt=\"\" class=\"wp-image-46283\" srcset=\"https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--5.43.12-1024x575.png 1024w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--5.43.12-300x168.png 300w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--5.43.12-768x431.png 768w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--5.43.12-1536x863.png 1536w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--5.43.12.png 1574w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>\ucffc\ub4dc\ub77c\ud2f1 \ubca0\uc9c0\uc5d0(Quadratic B\u00e9zier) \uace1\uc120 \ubc29\uc2dd\uc740 2\ucc28 \ubca0\uc9c0\uc5d0 \uace1\uc120\uc774\ub77c\uace0\ub3c4 \ud569\ub2c8\ub2e4.<\/p>\n\n\n\n<p>\uc815\uc810\uc774 3\uac1c\uac00 \uc8fc\uc5b4\uc84c\uc744 \ub54c, P0\uc640 P1\uc73c\ub85c \uc815\uc758\ub41c 1\ucc28 \ubca0\uc9c0\uc5d0 \uace1\uc120 \uc704\uc758 \uc810\uacfc, P1\uacfc P2\ub85c \uc815\uc758\ud55c 1\ucc28 \ubca0\uc9c0\uc5d0 \uace1\uc120 \uc704\uc758 \uc810\uc744 \uc120\ud615 \ubcf4\uac04\ud55c \uac83\uc785\ub2c8\ub2e4.<\/p>\n\n\n\n<p>\ub2e4\uc74c \uc774\ubbf8\uc9c0\uc5d0\uc11c \ucffc\ub4dc\ub77c\ud2f1 \ubca0\uc9c0\uc5d0 \ucee4\ube0c\ub97c \uc0ac\uc6a9\ud558\ub294 \uc608\uc81c\ucf54\ub4dc\ub97c \uc0b4\ud3b4\ubcf4\uaca0\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"575\" src=\"https:\/\/www.charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--5.44.06-1024x575.png\" alt=\"\" class=\"wp-image-46284\" srcset=\"https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--5.44.06-1024x575.png 1024w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--5.44.06-300x168.png 300w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--5.44.06-768x431.png 768w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--5.44.06-1536x863.png 1536w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--5.44.06.png 1574w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>\uc704\uc640 \uac19\uc774 \uce94\ubc84\uc2a4\uc5d0\uc11c Path \uac1d\uccb4\ub97c \ub9cc\ub4e0 \ub4a4, (100, 300) \uc88c\ud45c\ub85c \uc774\ub3d9\ud569\ub2c8\ub2e4. \uc774 \uc815\uc810\uc774 \ubca0\uc9c0\uc5d0 \uace1\uc120\uc758 P0\uc774 \ub420 \uac83\uc785\ub2c8\ub2e4.<\/p>\n\n\n\n<p>\uadf8\ub7f0 \ub2e4\uc74c quadraticBezierTo() \uba54\uc11c\ub4dc\uc758 \uc778\uc790\ub85c P1, P2 \uc815\uc810\uc744 \uc804\ub2ec\ud558\uba74 2\ucc28 \ubca0\uc9c0\uc5b4 \uace1\uc120\uc744 \uadf8\ub9ac\uae30 \uc704\ud55c 3\uac1c\uc758 \uc815\uc810\uc744 \uac00\uc9c0\uace0 \uace1\uc120\uc744 \uadf8\ub9ac\uac8c \ub429\ub2c8\ub2e4.<\/p>\n\n\n\n<p>\ub9c8\uc9c0\ub9c9\uc73c\ub85c \ucea1\uc290\ud654\ub41c Path \uc815\ubcf4\ub97c drawPath \uba54\uc11c\ub4dc\uc758 \uc778\uc790\ub85c \uc804\ub2ec\ud558\uba74 \uc2e4\uc81c \uce94\ubc84\uc2a4\uc0c1\uc5d0 path \uc815\ubcf4\ub97c \uac00\uc9c0\uace0 \uadf8\ub9bc\uc744 \uadf8\ub9ac\uac8c \ub429\ub2c8\ub2e4.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><meta charset=\"utf-8\">Cubic B\u00e9zier \uace1\uc120<\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"575\" src=\"https:\/\/www.charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--5.45.22-1024x575.png\" alt=\"\" class=\"wp-image-46285\" srcset=\"https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--5.45.22-1024x575.png 1024w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--5.45.22-300x168.png 300w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--5.45.22-768x431.png 768w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--5.45.22-1536x863.png 1536w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--5.45.22.png 1574w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>\ud050\ube45 \ubca0\uc9c0\uc5d0 \uace1\uc120 \ubc29\uc2dd\uc740 3\ucc28 \ubca0\uc9c0\uc5d0 \uace1\uc120\uc774\ub77c\uace0\ub3c4 \ud558\ub294\ub370, 2\ucc28 \ubca0\uc9c0\uc5d0 \uace1\uc120\uacfc \uc544\uc774\ub514\uc5b4\ub294 \uac19\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<p>\uc815\uc810\uc774 4\uac1c\uac00 \uc8fc\uc5b4\uc84c\uc744 \ub54c, \uc55e\uc758 \uc810 3\uac1c\ub97c \uc774\uc6a9\ud558\uc5ec 2\ucc28 \ubca0\uc9c0\uc5d0 \uace1\uc120\uc744 \uadf8\ub9ac\uace0, \ub4a4\uc758 \uc810 3\uac1c\ub97c \uc774\uc6a9\ud558\uc5ec 2\ucc28 \ubca0\uc9c0\uc5d0 \uace1\uc120\uc744 \uadf8\ub9b0\ub4a4 \uc120\ud615 \ubcf4\uac04\ud558\uba74 \ub429\ub2c8\ub2e4.<\/p>\n\n\n\n<p>\ub2e4\uc74c <meta charset=\"utf-8\">\uc774\ubbf8\uc9c0\uc5d0\uc11c \ud050\ube45 \ubca0\uc9c0\uc5d0 \ucee4\ube0c\ub97c \uc0ac\uc6a9\ud558\ub294 \uc608\uc81c\ucf54\ub4dc\ub97c \uc0b4\ud3b4\ubcf4\uaca0\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<p><meta charset=\"utf-8\"><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"575\" src=\"https:\/\/www.charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--6.33.35-1024x575.png\" alt=\"\" class=\"wp-image-46286\" srcset=\"https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--6.33.35-1024x575.png 1024w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--6.33.35-300x168.png 300w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--6.33.35-768x431.png 768w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--6.33.35-1536x863.png 1536w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--6.33.35.png 1574w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>\uce94\ubc84\uc2a4\uc5d0\uc11c Path \uac1d\uccb4\ub97c \ub9cc\ub4e0 \ub4a4, 100, 300 \uc9c0\uc810\uc73c\ub85c \uc774\ub3d9\ud558\uc5ec, cubicTo \uba54\uc11c\ub4dc\ub97c \ud638\ucd9c\ud558\uace0 \uc778\uc790\ub85c P1, P2, P3 \uc815\uc810\uc744 \uc804\ub2ec\ud558\uba74 \ud050\ube45 \ubca0\uc9c0\uc5d0 \uace1\uc120\uc744 \uadf8\ub9b4 \uc218 \uc788\uac8c \ub429\ub2c8\ub2e4.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\uceec\ub7ec\ud544\ud130(ColorFilter)<\/h2>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"575\" src=\"https:\/\/www.charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--6.34.18-1024x575.png\" alt=\"\" class=\"wp-image-46287\" srcset=\"https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--6.34.18-1024x575.png 1024w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--6.34.18-300x168.png 300w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--6.34.18-768x431.png 768w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--6.34.18-1536x863.png 1536w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--6.34.18.png 1574w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>\uceec\ub7ec\ud544\ud130\ub294 \uce94\ubc84\uc2a4 \uc0c1\uc5d0 \uadf8\ub824\uc9c0\ub294 \uc120\ubd84\uc774\ub098 \ub3c4\ud615 \ub4f1\uc5d0 \ub300\ud574 \uc0c9\uc0c1\uc744 \ud544\ud130\ub9c1\ud560 \uc218 \uc788\uac8c \ud569\ub2c8\ub2e4.<\/p>\n\n\n\n<p>\uae30\ubcf8\uc801\uc73c\ub85c \uc81c\uacf5\ud558\ub294 \uceec\ub7ec\ud544\ud130\ub294 \ub2e4\uc74c\uacfc \uac19\uc2b5\ub2c8\ub2e4<\/p>\n\n\n\n<ul><li>Tint<\/li><li>Lighting<\/li><li>Color matrix<\/li><\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Tint<\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"575\" src=\"https:\/\/www.charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--6.35.12-1024x575.png\" alt=\"\" class=\"wp-image-46288\" srcset=\"https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--6.35.12-1024x575.png 1024w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--6.35.12-300x168.png 300w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--6.35.12-768x431.png 768w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--6.35.12-1536x863.png 1536w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--6.35.12.png 1574w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Tint\ub294 \ub3c4\ud615\uba74\uc5d0 \uc0c9\uc870\ub97c \uc785\ud788\ub294 \uac83\uc744 \ub9d0\ud569\ub2c8\ub2e4. \uc774\ub54c \ud63c\ud569 \ubaa8\ub4dc \ud0c0\uc785\uc744 \ubcc0\uacbd\ud558\uba74 \ub2e4\uc591\ud55c \ubc29\uc2dd\uc73c\ub85c \uc0c9\uc0c1\uc744 \uc785\ud790 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Lighting<\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"575\" src=\"https:\/\/www.charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--6.36.00-1024x575.png\" alt=\"\" class=\"wp-image-46289\" srcset=\"https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--6.36.00-1024x575.png 1024w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--6.36.00-300x168.png 300w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--6.36.00-768x431.png 768w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--6.36.00-1536x863.png 1536w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--6.36.00.png 1574w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Lighting\uc740 \ub450\uac00\uc9c0 \ub9e4\uac1c\ubcc0\uc218\ub97c \uac16\uc2b5\ub2c8\ub2e4. \ud558\ub098\ub294 multiplier \ub2e4\ub978 \ud558\ub098\ub294 addition \uc785\ub2c8\ub2e4.<\/p>\n\n\n\n<p><meta charset=\"utf-8\">multiplier\ub294 RGB \ucc44\ub110\uc5d0 \uc5b4\ub5a0\ud55c \uc0c9\uc0c1\uc744 \uac15\uc870\ud560 \uac83\uc778\uc9c0\ub97c \ub098\ud0c0\ub0b4\uace0, addition\uc740 RGB \ucc44\ub110\uc5d0 \uc5b4\ub5a4 \uceec\ub7ec\ub97c \ub354\ud560 \uac83\uc778\uc9c0 \uacb0\uc815\ud569\ub2c8\ub2e4.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"575\" src=\"https:\/\/www.charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--6.37.35-1024x575.png\" alt=\"\" class=\"wp-image-46290\" srcset=\"https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--6.37.35-1024x575.png 1024w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--6.37.35-300x168.png 300w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--6.37.35-768x431.png 768w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--6.37.35-1536x863.png 1536w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--6.37.35.png 1574w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>\uc704 \uc774\ubbf8\uc9c0\ub294 Lighting \uceec\ub7ec\ud544\ud130\ub97c \uc0ac\uc6a9\ud560 \ub54c, \ub77c\uc774\ud305 \uceec\ub7ec\ud544\ud130\uac00 \uc5b4\ub5a4 \ub290\ub08c\uc744 \uc8fc\ub294\uc9c0 \uc9c1\uad00\uc801\uc73c\ub85c \uc54c \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Color Matrix<\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"575\" src=\"https:\/\/www.charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--6.39.08-1024x575.png\" alt=\"\" class=\"wp-image-46291\" srcset=\"https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--6.39.08-1024x575.png 1024w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--6.39.08-300x168.png 300w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--6.39.08-768x431.png 768w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--6.39.08-1536x863.png 1536w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--6.39.08.png 1574w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"575\" src=\"https:\/\/www.charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--6.39.35-1024x575.png\" alt=\"\" class=\"wp-image-46292\" srcset=\"https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--6.39.35-1024x575.png 1024w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--6.39.35-300x168.png 300w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--6.39.35-768x431.png 768w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--6.39.35-1536x863.png 1536w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--6.39.35.png 1574w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>\uc774\ubbf8\uc9c0\uc758 \uc0c9\uc0c1 \ubc0f \ud22c\uba85\ub3c4\ub97c \ubcc0\ud658\ud558\uae30 \uc704\ud55c 4&#215;5 \ud589\ub82c\uc744 \uc774\uc6a9\ud558\uc5ec \uc774\ubbf8\uc9c0\ub97c \ud544\ud130\ub9c1 \ud569\ub2c8\ub2e4. <\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\ud63c\ud569\ubaa8\ub4dc(Blend Mode)<\/h2>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"575\" src=\"https:\/\/www.charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--6.41.00-1024x575.png\" alt=\"\" class=\"wp-image-46293\" srcset=\"https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--6.41.00-1024x575.png 1024w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--6.41.00-300x168.png 300w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--6.41.00-768x431.png 768w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--6.41.00-1536x863.png 1536w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--6.41.00.png 1574w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>\uc774\ubbf8\uc9c0 \ud3b8\uc9d1 \ubc0f \ucef4\ud4e8\ud130 \uadf8\ub798\ud53d\uc5d0\uc11c \ud63c\ud569 \ubaa8\ub4dc\ub77c \ud568\uc740 \ub450 \ub808\uc774\uc5b4\uac00 \ud63c\ud569\ub418\ub294 \ubc29\uc2dd\uc744 \ub9d0\ud569\ub2c8\ub2e4. \uae30\ubcf8\uac12\uc740 \uc18c\uc2a4 \uc624\ubc84(source-over)\ub85c \uac00\uc7a5 \ub9c8\uc9c0\ub9c9\uc5d0 \uadf8\ub824\uc9c0\ub294 \uac1d\uccb4\uac00 \uc774\uc804 \uac1d\uccb4\ub97c \ub36e\uc2b5\ub2c8\ub2e4. \ud328\uc2a4\ub098 \ub3c4\ud615\uc744 \ud63c\ud569\ud560 \uc2dc\uc5d0 \ud544\uc694\ud558\ub2e4\uba74 \uc801\uc808\ud55c \ud63c\ud569 \ubaa8\ub4dc\ub97c \uc120\ud0dd\ud558\uc5ec \uc6d0\ud558\ub294 \uacb0\uacfc\ub97c \uc5bb\uc744 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Path \uc5f0\uc0b0<\/h2>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"575\" src=\"https:\/\/www.charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--6.43.02-1024x575.png\" alt=\"\" class=\"wp-image-46294\" srcset=\"https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--6.43.02-1024x575.png 1024w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--6.43.02-300x168.png 300w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--6.43.02-768x431.png 768w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--6.43.02-1536x863.png 1536w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--6.43.02.png 1574w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>\ud63c\ud569\ubaa8\ub4dc\uc640 \ube44\uc2b7\ud55c \uc5f0\uc0b0\uc744 \ud328\uc2a4(Path) \ub07c\ub9ac\ub3c4 \ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. Path Operation\uc740 \uc5b4\ub5a0\ud55c \ub450 \ud328\uc2a4\ub97c \uc5f0\uc0b0\ud558\ub294 \uac83\uc744 \ub9d0\ud569\ub2c8\ub2e4.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"575\" src=\"https:\/\/www.charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--6.46.20-1024x575.png\" alt=\"\" class=\"wp-image-46295\" srcset=\"https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--6.46.20-1024x575.png 1024w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--6.46.20-300x168.png 300w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--6.46.20-768x431.png 768w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--6.46.20-1536x863.png 1536w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--6.46.20.png 1574w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>\uc704 \uc608\uc81c \ucf54\ub4dc\ub97c \ubcf4\uba74 <strong>op()<\/strong>\ub77c\ub294 \uba54\uc11c\ub4dc\ub97c \ud1b5\ud574 \ub450 \ud328\uc2a4\ub97c \uc5f0\uc0b0\ud560 \uc218 \uc788\ub294 \uac83\uc744 \ud655\uc778\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<p>\uc608\uc81c\ucf54\ub4dc\uc5d0\uc11c\ub294 \uc0ac\uac01\ud615 \ubc0f \uc6d0\ud615 \ud328\uc2a4\uac00 \uac01\uac01 \uc900\ube44\ub418\uc5b4\uc788\uace0,\u00a0\uc774 \ud328\uc2a4\ub4e4\uc744 \ubca0\ud0c0\uc801 \ub17c\ub9ac\ud569(xor)\uc73c\ub85c \uc5f0\uc0b0\ud558\uc5ec \ud328\uc2a4\uac00 \uacb9\uce58\ub294 \ubd80\ubd84\uc774 \ubee5 \ub6ab\ub9ac\ub294 \uac83\uc744 \ud655\uc778\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Path \uc5f0\uc0b0 \ud0c0\uc785<\/h3>\n\n\n\n<p>\uc9c0\uc6d0\ud558\ub294 \ud328\uc2a4(Path) \uc5f0\uc0b0 \ud0c0\uc785\uc740 \ub2e4\uc74c\uacfc \uac19\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"575\" src=\"https:\/\/www.charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--6.47.29-1024x575.png\" alt=\"\" class=\"wp-image-46296\" srcset=\"https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--6.47.29-1024x575.png 1024w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--6.47.29-300x168.png 300w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--6.47.29-768x431.png 768w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--6.47.29-1536x863.png 1536w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--6.47.29.png 1574w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Clipping<\/h2>\n\n\n\n<p>\ud328\uc2a4 \uc5f0\uc0b0\uc774\uc678\uc5d0\ub3c4 \uce94\ubc84\uc2a4 \ubc94\uc704 \ub0b4\uc5d0\uc11c clipPath \ub77c\ub294 \uba54\uc11c\ub4dc\ub97c \uc0ac\uc6a9\ud558\uc5ec \ud328\uc2a4 \uc5f0\uc0b0\uc744 \ud1b5\ud574 \ub3c4\ud615\uc744 \ud074\ub9ac\ud551 \ud560 \uc218 \uc788\ub3c4\ub85d \uad6c\ud604\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \ub2e4\uc74c \uc608\uc81c\ucf54\ub4dc\ub97c \ucc38\uc870\ud558\uc2dc\uae30 \ubc14\ub78d\ub2c8\ub2e4.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"575\" src=\"https:\/\/www.charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--6.48.46-1024x575.png\" alt=\"\" class=\"wp-image-46297\" srcset=\"https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--6.48.46-1024x575.png 1024w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--6.48.46-300x168.png 300w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--6.48.46-768x431.png 768w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--6.48.46-1536x863.png 1536w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--6.48.46.png 1574w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Path \uc560\ub2c8\uba54\uc774\uc158<\/h2>\n\n\n\n<p>Path\ub97c \ub530\ub77c \uc790\uc5f0\uc2a4\ub7fd\uac8c \uc560\ub2c8\uba54\uc774\uc158 \ud6a8\uacfc\ub97c \uc8fc\uc5b4 \uadf8\ub9ac\uac8c \ud560\uc218\ub3c4 \uc788\uc2b5\ub2c8\ub2e4. <\/p>\n\n\n\n<p>\ub2e4\uc74c \ub3d9\uc601\uc0c1\uc740 \uc774\uc804 \ubcc4 \uadf8\ub9ac\uae30 \uc608\uc81c\uc5d0 \uc560\ub2c8\uba54\uc774\uc158\uc744 \uc801\uc6a9\ud55c \ubaa8\uc2b5\uc785\ub2c8\ub2e4.<\/p>\n\n\n\n<figure class=\"wp-block-video\"><video controls src=\"https:\/\/www.charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics-star.mov\"><\/video><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"575\" src=\"https:\/\/www.charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--6.51.10-1024x575.png\" alt=\"\" class=\"wp-image-46299\" srcset=\"https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--6.51.10-1024x575.png 1024w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--6.51.10-300x168.png 300w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--6.51.10-768x431.png 768w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--6.51.10-1536x863.png 1536w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--6.51.10.png 1574w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>\uc560\ub2c8\uba54\uc774\uc158\uc744 \uad6c\ud604\ud560 \ub824\uba74 \ub2e4\uc74c \ub450\uac00\uc9c0 \uc694\uc18c\uc5d0 \ub300\ud574\uc11c \uc54c\uace0 \uc788\uc5b4\uc57c \ud569\ub2c8\ub2e4.<\/p>\n\n\n\n<ul><li>Animatable<\/li><li>PathMeasure<\/li><\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Animatable<\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"575\" src=\"https:\/\/www.charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--6.51.58-1024x575.png\" alt=\"\" class=\"wp-image-46300\" srcset=\"https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--6.51.58-1024x575.png 1024w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--6.51.58-300x168.png 300w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--6.51.58-768x431.png 768w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--6.51.58-1536x863.png 1536w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--6.51.58.png 1574w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Animatable\uc740 animateTo \uba54\uc11c\ub4dc\uc5d0 \uc758\ud574 \ud2b8\ub9ac\uac70 \ub418\uc5b4 \uc790\ub3d9\uc801\uc73c\ub85c \uc560\ub2c8\uba54\uc774\uc158\uc744 \uad6c\ud604\uc744 \uc704\ud55c \uac12\uc744 \uc99d\uac00\uc2dc\ud0b5\ub2c8\ub2e4.<\/p>\n\n\n\n<p>\uc608\uc81c\ucf54\ub4dc\uc640 \uac19\uc774 targetValue\ub97c 1\ub85c \uc9c0\uc815\ud558\uace0, animationSpec\uc744 \ud2b8\uc708\uc73c\ub85c \uc138\ud305\ud558\uba74\u00a0 \uc9c0\uc815\ub41c \uc2dc\uac04 5\ucd08 \ub3d9\uc548 \ud2b8\uc708 \uc5d0\ub2c8\uba54\uc774\uc158\uc774 \uc2e4\ud589\ub418\uba70 \uac12\uc744 \uc99d\uac00\uc2dc\ud0a4\uac8c \ub429\ub2c8\ub2e4.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Path Measure<\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"575\" src=\"https:\/\/www.charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--6.52.26-1024x575.png\" alt=\"\" class=\"wp-image-46301\" srcset=\"https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--6.52.26-1024x575.png 1024w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--6.52.26-300x168.png 300w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--6.52.26-768x431.png 768w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--6.52.26-1536x863.png 1536w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--6.52.26.png 1574w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>PathMeasure\ub294 Path\ub97c \uc5b4\ub514\ubd80\ud130 \uc5b4\ub514\uae4c\uc9c0 \uadf8\ub9b4\uc9c0 \uc9c0\uc815\ud560 \uc218 \uc788\ub3c4\ub85d \ud569\ub2c8\ub2e4.<\/p>\n\n\n\n<p>setPath() \ud638\ucd9c\ub85c \uc560\ub2c8\uba54\uc774\ud305 \ud558\uace0 \uc2f6\uc740 \uc18c\uc2a4\ub97c \uc9c0\uc815\ud558\uace0, getSegment()\uc5d0\uc11c Animatable\ub85c\ubd80\ud130 \ubc1b\uc740 \uac12\uc744 \uc5f0\uc0b0\ud558\uc5ec, \uc18c\uc2a4\ud328\uc2a4\uc758 \uadf8\ub9ac\uace0 \uc2f6\uc740 \ubd80\ubd84\uc744 \uc9c0\uc815\ud569\ub2c8\ub2e4.\u00a0\ucd5c\uc885\uc801\uc73c\ub85c \ucd9c\ub825\ub420 \ud328\uc2a4(dstPath)\ub85c \ubc18\ud658\ud558\uc5ec \uc774\ub97c \uadf8\ub9ac\uba74 \uc6c0\uc9c1\uc774\ub294 <meta charset=\"utf-8\">Path\ub97c \ub9cc\ub4e4 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Path Effects<\/h2>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"575\" src=\"https:\/\/www.charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--6.54.24-1024x575.png\" alt=\"\" class=\"wp-image-46302\" srcset=\"https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--6.54.24-1024x575.png 1024w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--6.54.24-300x168.png 300w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--6.54.24-768x431.png 768w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--6.54.24-1536x863.png 1536w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--6.54.24.png 1574w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>\ud328\uc2a4 \ud6a8\uacfc(Path Effects)\ub294 \ud328\uc2a4\ub97c \uadf8\ub9b4\ub54c \ub2e8\uc21c\ud788 \uc120\uc774 \uc544\ub2cc \uc810\uc120\uacfc \uac19\uc740 \uc5b4\ub5a4 \ud2b9\ubcc4\ud55c \ubc29\uc2dd\uc73c\ub85c \uadf8\ub9b4 \ub54c \uc0ac\uc6a9\ub429\ub2c8\ub2e4.<\/p>\n\n\n\n<p>\ucef4\ud3ec\uc988\uc5d0\uc11c \uc81c\uacf5\ud558\ub294 4\uac00\uc9c0 \uc774\ud399\ud2b8\uc5d0 \ub300\ud574\uc11c \uc54c\uc544\ubcf4\uaca0\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<ul><li>Corner: \ubaa8\uc11c\ub9ac\ub97c \uafb8\ubc08<\/li><li>Dash: \uc810\uc120<\/li><li>Stamped: \ud328\uc2a4\ub97c \ub530\ub77c \uc0c8\ub85c\uc6b4 \ub3c4\ud615\uc73c\ub85c \ub3c4\uc7a5\uc744 \ucc0d\ub4ef\uc774 \uafb8\ubc08<\/li><li>Chain: \ub450 Path Effects\ub97c \ud63c\ud569\ud568<\/li><\/ul>\n\n\n\n<p>\ub2e4\uc74c\uc758 \uc544\ubb34\ub7f0 \ud6a8\uacfc\ub97c \uc801\uc6a9\ud558\uc9c0 \uc54a\uc740 \uc608\uc81c\ucf54\ub4dc\ub97c \uae30\ucd08\ub85c \ub2e4\uc591\ud55c Path Effect\ub97c \uc0b4\ud3b4\ubcf4\uaca0\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"575\" src=\"https:\/\/www.charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--6.56.27-1024x575.png\" alt=\"\" class=\"wp-image-46303\" srcset=\"https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--6.56.27-1024x575.png 1024w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--6.56.27-300x168.png 300w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--6.56.27-768x431.png 768w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--6.56.27-1536x863.png 1536w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--6.56.27.png 1574w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Corner Effect<\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"575\" src=\"https:\/\/www.charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--6.57.14-1024x575.png\" alt=\"\" class=\"wp-image-46304\" srcset=\"https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--6.57.14-1024x575.png 1024w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--6.57.14-300x168.png 300w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--6.57.14-768x431.png 768w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--6.57.14-1536x863.png 1536w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--6.57.14.png 1574w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Corner \ud328\uc2a4 \ud6a8\uacfc\ub294 \ud328\uc2a4\uc758 \ubaa8\uc11c\ub9ac \ubd80\ubd84\uc744 \ub465\uae00\uac8c \ub9cc\ub4e4 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Dash Effect<\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"575\" src=\"https:\/\/www.charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--6.58.35-1024x575.png\" alt=\"\" class=\"wp-image-46305\" srcset=\"https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--6.58.35-1024x575.png 1024w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--6.58.35-300x168.png 300w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--6.58.35-768x431.png 768w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--6.58.35-1536x863.png 1536w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--6.58.35.png 1574w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Dash \ud328\uc2a4 \ud6a8\uacfc\ub294 \uc801\uc808\ud55c \ub9e4\uac1c\ubcc0\uc218\ub97c \uc785\ub825\ud558\uc5ec \uc810\uc120 \ud6a8\uacfc\ub97c \ub9cc\ub4e4 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Chain Effect<\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"575\" src=\"https:\/\/www.charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--6.59.04-1024x575.png\" alt=\"\" class=\"wp-image-46306\" srcset=\"https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--6.59.04-1024x575.png 1024w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--6.59.04-300x168.png 300w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--6.59.04-768x431.png 768w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--6.59.04-1536x863.png 1536w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--6.59.04.png 1574w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Chain \ud328\uc2a4 \ud6a8\uacfc\ub294 \ub450 \uac1c\uc758 \ud328\uc2a4 \ud6a8\uacfc\ub97c \uccb4\uc774\ub2dd \ud569\ub2c8\ub2e4. <\/p>\n\n\n\n<p>\uc704 \uc608\uc81c\ucf54\ub4dc\uc5d0\uc11c\ub294 \uc704\uc5d0\uc11c \ub2e4\ub8ec Corner \ud328\uc2a4 \ud6a8\uacfc\uc640 Dash \ud328\uc2a4 \ud6a8\uacfc\ub97c \uccb4\uc774\ub2dd\ud588\uc2b5\ub2c8\ub2e4. \uadf8 \uacb0\uacfc\ub85c \ubaa8\uc11c\ub9ac\uac00 \ub465\uadfc \uc810\uc120 \ud6a8\uacfc\ub97c \ud655\uc778\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Stamped<\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"575\" src=\"https:\/\/www.charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--7.00.29-1024x575.png\" alt=\"\" class=\"wp-image-46307\" srcset=\"https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--7.00.29-1024x575.png 1024w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--7.00.29-300x168.png 300w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--7.00.29-768x431.png 768w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--7.00.29-1536x863.png 1536w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--7.00.29.png 1574w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Stamped \ud328\uc2a4 \ud6a8\uacfc\ub294 \ub610 \ub2e4\ub978 \ud328\uc2a4\ub97c \ud328\uc2a4 \ud6a8\uacfc\ub85c \ud65c\uc6a9\ud558\ub294 \uac83\uc785\ub2c8\ub2e4.<\/p>\n\n\n\n<p>\uc55e\uc5d0\uc11c \ub9cc\ub4e0 \ubcc4\ubaa8\uc591 \ud328\uc2a4\ub97c \ud328\uc2a4 \uc774\ud399\ud2b8\ub85c \ud65c\uc6a9\ud558\uc5ec \ud328\uc2a4\ub97c \ub530\ub77c \ubcc4\uc774 \ub3c4\uc7a5\ucc98\ub7fc \ucc0d\ud78c\uac83\uc744 \ud655\uc778\ud558\uc2e4 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"575\" src=\"https:\/\/www.charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--7.03.49-1024x575.png\" alt=\"\" class=\"wp-image-46308\" srcset=\"https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--7.03.49-1024x575.png 1024w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--7.03.49-300x168.png 300w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--7.03.49-768x431.png 768w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--7.03.49-1536x863.png 1536w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--7.03.49.png 1574w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Stamped \ud328\uc2a4 \ud6a8\uacfc\uc5d0\ub294 \uc2a4\ud0c0\uc77c\uc744 \uc9c0\uc815\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc704 \uc608\uc81c\ucf54\ub4dc\ub294 Stamped \ud328\uc2a4 \ud6a8\uacfc\uc640 \ud568\uaed8 Morph \uc2a4\ud0c0\uc77c\uc744 \uc9c0\uc815\ud558\uc5ec \ud328\uc2a4\ub97c \ub530\ub77c \ube68\uac04 \uc0ac\uac01\ud615\uc744 \ucc0d\uc5b4\ub0b8 \uac83\uc785\ub2c8\ub2e4.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"575\" src=\"https:\/\/www.charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--7.04.21-1024x575.png\" alt=\"\" class=\"wp-image-46309\" srcset=\"https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--7.04.21-1024x575.png 1024w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--7.04.21-300x168.png 300w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--7.04.21-768x431.png 768w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--7.04.21-1536x863.png 1536w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--7.04.21.png 1574w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>\ub2e4\ub978 \uc2a4\ud15c\ud504 \ud328\uc2a4 \ud6a8\uacfc\uc758 \uc2a4\ud0c0\uc77c\ub3c4 \ud568\uaed8 \ubcf4\uc2dc\uaca0\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<p>Morph\ub294 \ucee4\ube0c\ub97c \ub530\ub77c \uc0ac\uac01\ud615\uc744 \uc801\uc808\ud788 \ubcc0\ud615\uc2dc\ud0a4\uc9c0\ub9cc, Rotate \uc2a4\ud0c0\uc77c\uc744 \uc2a4\ud0ec\ud504\ub85c \ucc0d\ud788\ub294 \ud328\uc2a4\uc758 \ubaa8\uc591\uc744 \ubcc0\ud615\uc2dc\ud0a4\uc9c0 \uc54a\uace0 \ud68c\uc804\ub9cc \uc2dc\ud0b5\ub2c8\ub2e4. Translate \uc2a4\ud0c0\uc77c\uc740 \ud574\ub2f9 \ud328\uc2a4 \ub77c\uc778\uc5d0 \ub9de\ucdb0 \uc2a4\ud0ec\ud504\uac00 \ucc0d\ud788\ub294 \uac83\uc744 \ud655\uc778\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Path\ub97c \ub530\ub77c \ud14d\uc2a4\ud2b8 \uc791\uc131\ud558\uae30<\/h2>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"575\" src=\"https:\/\/www.charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--7.05.01-1024x575.png\" alt=\"\" class=\"wp-image-46310\" srcset=\"https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--7.05.01-1024x575.png 1024w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--7.05.01-300x168.png 300w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--7.05.01-768x431.png 768w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--7.05.01-1536x863.png 1536w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--7.05.01.png 1574w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>\ub2e4\uc74c\uc740 \ud328\uc2a4\ub97c \ub530\ub77c \ud14d\uc2a4\ud2b8\ub97c \uc791\uc131\ud574\ubcf4\ub3c4\ub85d \ud558\uaca0\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<p>\uc704 \uc608\uc81c\ucf54\ub4dc\ub97c \ubcf4\uc2dc\uba74 \uc801\uc808\ud55c \ucee4\ube0c\ub97c \uac00\uc9c4 \ud328\uc2a4\ub97c \uadf8\ub838\uc2b5\ub2c8\ub2e4. \uc774 \ud328\uc2a4\ub97c \ub530\ub77c \ud14d\uc2a4\ud2b8\ub97c \uc791\uc131\ud558\ub824\uace0 \ud569\ub2c8\ub2e4.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"575\" src=\"https:\/\/www.charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--7.05.39-1024x575.png\" alt=\"\" class=\"wp-image-46311\" srcset=\"https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--7.05.39-1024x575.png 1024w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--7.05.39-300x168.png 300w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--7.05.39-768x431.png 768w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--7.05.39-1536x863.png 1536w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-2-path-basics--2022-11-21--7.05.39.png 1574w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Compose \uce94\ubc84\uc2a4\uc5d0\uc11c \uc81c\uacf5\ud558\ub294 drawText\ub85c\ub3c4 path\ub97c \ub530\ub77c \ud14d\uc2a4\ud2b8\ub97c \uadf8\ub9b4 \uc21c \uc788\uc9c0\ub9cc, \uc544\uc9c1\uc740 \ucef4\ud3ec\uc988\uc5d0\uc11c \uc26c\uc6b4 \ubc29\ubc95\uc744 \uc81c\uacf5\ud558\uace0 \uc788\uc9c0\ub294 \uc54a\uc2b5\ub2c8\ub2e4. \uadf8\ub798\uc11c \uc880 \ub354 \uc26c\uc6b4 \ubc29\ubc95\uc73c\ub85c \ud328\uc2a4\uc0c1\uc5d0 \ud14d\uc2a4\ud2b8\ub97c \uadf8\ub9ac\ub294 \ubc29\ubc95\uc740 \uc548\ub4dc\ub85c\uc774\ub4dc Canvas\uc5d0\uc11c \uadf8\ub9ac\ub294 \uac83\uc785\ub2c8\ub2e4. \ub124\uc774\ud2f0\ube0c \uce94\ubc84\uc2a4\uc5d0 \uc811\uadfc\ud558\uc5ec \ud328\uc2a4\ub97c \ub9e4\uac1c\ubcc0\uc218\ub85c \uac16\ub294 drawTextOnPath\ub97c \ud65c\uc6a9\ud558\uba74\u00a0\uc190\uc27d\uac8c Path\uc0c1\uc5d0 \ud14d\uc2a4\ud2b8\ub97c \uadf8\ub9b4 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Path Basics \uc774\ubc88 \ud3ec\uc2a4\ud305\uc5d0\uc11c\ub294 Path\uac00 \ubb34\uc5c7\uc778\uc9c0 \uc0b4\ud3b4\ubcf4\uace0, Path\ub85c \uc5b4\ub5a4\uc77c\ub4e4\uc744 \ud560 \uc218 \uc788\ub294\uc9c0 \uc0b4\ud3b4\ubcf4\ub3c4\ub85d \ud558\uaca0\uc2b5\ub2c8\ub2e4. Path\ub780? \uc548\ub4dc\ub85c\uc774\ub4dc\uc758 Path \ud074\ub798\uc2a4\ub294 \uc704\uc5d0 \uc788\ub294 \uc774\ubbf8\uc9c0 \ucc98\ub7fc \uc9c1\uc120 \ubc0f \uace1\uc120 \ub4f1\uc73c\ub85c \uad6c\uc131\ub41c \ubcf5\ud569\uc801\uc774\uace0 \uae30\ud558\ud559\uc801\uc778 \ub0b4\uc6a9\uc744 \uadf8\ub9b4 \uc218 \uc788\ub3c4\ub85d \ub3c4\uc640\uc90d\ub2c8\ub2e4. Path\ub85c \uadf8\ub9ac\uae30 Canvas \uc2a4\ucf54\ud504 \ub0b4\uc5d0\uc11c path\ub97c \uadf8\ub9b4 \ub54c \uc0ac\uc6a9\ud558\ub294 \uba54\uc11c\ub4dc\ub85c drawPath\uac00 \uc788\uc2b5\ub2c8\ub2e4. \uc774\ubbf8\uc9c0 \uc0c1\uc758 \ub450 drawPath\ub294 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"om_disable_all_campaigns":false,"inline_featured_image":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0},"categories":[38,24],"tags":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/charlezz.com\/index.php?rest_route=\/wp\/v2\/posts\/46274"}],"collection":[{"href":"https:\/\/charlezz.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/charlezz.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/charlezz.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/charlezz.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=46274"}],"version-history":[{"count":2,"href":"https:\/\/charlezz.com\/index.php?rest_route=\/wp\/v2\/posts\/46274\/revisions"}],"predecessor-version":[{"id":46312,"href":"https:\/\/charlezz.com\/index.php?rest_route=\/wp\/v2\/posts\/46274\/revisions\/46312"}],"wp:attachment":[{"href":"https:\/\/charlezz.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=46274"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/charlezz.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=46274"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/charlezz.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=46274"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}