{"id":1110,"date":"2019-03-04T15:52:15","date_gmt":"2019-03-04T06:52:15","guid":{"rendered":"https:\/\/www.charlezz.com\/?p=1110"},"modified":"2023-02-09T20:13:27","modified_gmt":"2023-02-09T11:13:27","slug":"%ec%95%88%eb%93%9c%eb%a1%9c%ec%9d%b4%eb%93%9c-vectordrawable-%ec%95%8c%ec%95%84%eb%b3%b4%ea%b8%b0","status":"publish","type":"post","link":"https:\/\/charlezz.com\/?p=1110","title":{"rendered":"\uc548\ub4dc\ub85c\uc774\ub4dc VectorDrawable \uc54c\uc544\ubcf4\uae30"},"content":{"rendered":"<h1>VectorDrawable<\/h1>\n<p>\uc774\uc804 \ud3ec\uc2a4\ud2b8\uc5d0\uc11c <a href=\"https:\/\/www.charlezz.com\/?p=1101\">Vector \uc774\ubbf8\uc9c0 \ud3ec\ub9f7<\/a>\uc744 \uc774\uc6a9\ud588\uc744\ub54c\uc758 \uc7a5\ub2e8\uc810\uc5d0 \ub300\ud574\uc11c \uc54c\uc544\ubcf4\uc558\uc2b5\ub2c8\ub2e4.<br \/>\n\uc774\ubc88 \uc2dc\uac04\uc740 \uc548\ub4dc\ub85c\uc774\ub4dc \ub9ac\uc18c\uc2a4\uc778 VectorDrawable\uc5d0 \ub300\ud574\uc11c \uc54c\uc544\ubcf4\ub3c4\ub85d \ud558\uaca0\uc2b5\ub2c8\ub2e4.<\/p>\n<p>xml \ud30c\uc77c\uc5d0\uc11c <strong>&lt;vector&gt;<\/strong> \uc694\uc18c\ub97c \uc815\uc758\ud558\ub294\uac83\uc744\u00a0\ud1b5\ud574 \ubca1\ud130 \uadf8\ub798\ud53d \ubc29\uc2dd\uc758 drawable \ud30c\uc77c\uc744 \uc0dd\uc131 \ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n<p><em>Notice: \ub2e4\uc2dc \uadf8\ub9ac\ub294 \ud37c\ud3ec\uba3c\uc2a4\uc758 \ucd5c\uc801\ud654\ub97c \uc704\ud574 \uac01 VectorDrawable\uc5d0\u00a0 \ub300\ud574 \ud558\ub098\uc758 \ube44\ud2b8\ub9f5 \uce90\uc2dc\uac00 \uc0dd\uc131\ub429\ub2c8\ub2e4. \ub530\ub77c\uc11c \ub3d9\uc77c\ud55c VectorDrawable\uc744 \ucc38\uc870\ud55c\ub2e4\ub294 \uac83\uc740 \ub3d9\uc77c\ud55c \ube44\ud2b8\ub9f5 \uce90\uc2dc\ub97c \uacf5\uc720\ud558\uac8c \ub41c\ub2e4\ub294 \ub73b\uc785\ub2c8\ub2e4.\u00a0<\/em><\/p>\n<p>Vector Drawable\uc740 \ub2e4\uc74c\uacfc \uac19\uc740 \uc694\uc18c\ub4e4\uc744 \uac00\uc9d1\ub2c8\ub2e4.<\/p>\n<table style=\"border-style: solid; border-color: #000000;\">\n<tbody>\n<tr>\n<td style=\"border-style: solid; border-color: #000000; width: 622.188px;\" colspan=\"2\">&lt;vector&gt;<\/td>\n<\/tr>\n<tr>\n<td style=\"border-style: solid; border-color: #000000; width: 162.188px;\">android:name<\/td>\n<td style=\"border-style: solid; border-color: #000000; width: 441.278px;\">vector drwable\uc758 \uc774\ub984\uc744 \uc815\uc758<\/td>\n<\/tr>\n<tr>\n<td style=\"border-style: solid; border-color: #000000; width: 162.188px;\">android:width<\/td>\n<td style=\"border-style: solid; border-color: #000000; width: 441.278px;\">drawable\uc758 \ubcf8\ub798 \ub108\ube44\ub97c \uc815\uc758\ud569\ub2c8\ub2e4.<\/td>\n<\/tr>\n<tr>\n<td style=\"border-style: solid; border-color: #000000; width: 162.188px;\">android:height<\/td>\n<td style=\"border-style: solid; border-color: #000000; width: 441.278px;\">drawable\uc758 \ubcf8\ub798 \ub192\uc774\ub97c \uc815\uc758\ud569\ub2c8\ub2e4.<\/td>\n<\/tr>\n<tr>\n<td style=\"border-style: solid; border-color: #000000; width: 162.188px;\">android:viewportWidth<\/td>\n<td style=\"border-style: solid; border-color: #000000; width: 441.278px;\">\ubdf0\ud3ec\ud2b8 \uacf5\uac04\uc758 \ub108\ube44\ub97c \uc815\uc758. \ubdf0\ud3ec\ud2b8\ub294 \uae30\ubcf8\uc801\uc73c\ub85c path\uac00 \uadf8\ub824\uc9c0\ub294 \uac00\uc0c1 \uce94\ubc84\uc2a4\uc785\ub2c8\ub2e4.<\/td>\n<\/tr>\n<tr>\n<td style=\"border-style: solid; border-color: #000000; width: 162.188px;\">android:viewportHeight<\/td>\n<td style=\"border-style: solid; border-color: #000000; width: 441.278px;\">\ubdf0\ud3ec\ud2b8 \uacf5\uac04\uc758 \ub192\uc774\ub97c \uc815\uc758. \ubdf0\ud3ec\ud2b8\ub294 \uae30\ubcf8\uc801\uc73c\ub85c path\uac00 \uadf8\ub824\uc9c0\ub294 \uac00\uc0c1 \uce94\ubc84\uc2a4\uc785\ub2c8\ub2e4.<\/td>\n<\/tr>\n<tr>\n<td style=\"border-style: solid; border-color: #000000; width: 162.188px;\">android:tint<\/td>\n<td style=\"border-style: solid; border-color: #000000; width: 441.278px;\">drawable\uc5d0 \uc801\uc6a9 \ud560 \uc0c9\uc870\uc785\ub2c8\ub2e4. \uae30\ubcf8\uc801\uc73c\ub85c \uc0c9\uc870\ub294 \uc801\uc6a9\ub418\uc9c0 \uc54a\uc2b5\ub2c8\ub2e4.<\/td>\n<\/tr>\n<tr>\n<td style=\"border-style: solid; border-color: #000000; width: 162.188px;\">android:tintMode<\/td>\n<td style=\"border-style: solid; border-color: #000000; width: 441.278px;\">\uc0c9\uc870 \uc0c9\uc0c1\uc758 Porter-Duff \ud63c\ud569 \ubaa8\ub4dc\uc785\ub2c8\ub2e4. \uae30\ubcf8\uac12\uc740 src_in\uc785\ub2c8\ub2e4.<\/td>\n<\/tr>\n<tr>\n<td style=\"border-style: solid; border-color: #000000; width: 162.188px;\">android:autoMirrored<\/td>\n<td style=\"border-style: solid; border-color: #000000; width: 441.278px;\">\ub808\uc774\uc544\uc6c3 \ubc29\ud5a5\uc774 RTL (\uc624\ub978\ucabd\uc5d0\uc11c \uc67c\ucabd) \uc77c \ub54c drawable\uc744 \ubbf8\ub7ec\ud574\uc57c\ud558\ub294\uc9c0 \ub098\ud0c0\ub0c5\ub2c8\ub2e4. \uae30\ubcf8\uac12\uc740 false\uc785\ub2c8\ub2e4.<\/td>\n<\/tr>\n<tr>\n<td style=\"border-style: solid; border-color: #000000; width: 162.188px;\">android:alpha<\/td>\n<td style=\"border-style: solid; border-color: #000000; width: 441.278px;\">\uc774 drawable\uc758 \ubd88\ud22c\uba85\ub3c4. \uae30\ubcf8\uac12\uc740 1.0\uc785\ub2c8\ub2e4.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<table style=\"border-style: solid; border-color: #000000;\">\n<tbody>\n<tr>\n<td style=\"border-color: #000000; border-style: solid; width: 622.188px;\" colspan=\"2\">&lt;group&gt;<\/td>\n<\/tr>\n<tr>\n<td style=\"border-color: #000000; border-style: solid; width: 160.369px;\">android:name<\/td>\n<td style=\"border-color: #000000; border-style: solid; width: 443.097px;\">\uc774 \uadf8\ub8f9\uc758 \uc774\ub984\uc744 \uc815\uc758\ud569\ub2c8\ub2e4.<\/td>\n<\/tr>\n<tr>\n<td style=\"border-color: #000000; border-style: solid; width: 160.369px;\">android:rotation<\/td>\n<td style=\"border-color: #000000; border-style: solid; width: 443.097px;\">\uc774 \uadf8\ub8f9\uc758 \ud68c\uc804\uac01, \uae30\ubcf8\uac12\uc740 0\uc785\ub2c8\ub2e4.<\/td>\n<\/tr>\n<tr>\n<td style=\"border-color: #000000; border-style: solid; width: 160.369px;\">android:pivotX<\/td>\n<td style=\"border-color: #000000; border-style: solid; width: 443.097px;\">\uadf8\ub8f9\uc758 \ud655\ub300, \ud68c\uc804\uc744 \uc704\ud55c \ud53c\ubd07\uc758 X\uc88c\ud45c. \ubdf0\ud3ec\ud2b8 \uacf5\uac04\ub0b4\uc5d0\uc11c \uc815\uc758 \ub418\uba70, \uae30\ubcf8\uac12\uc740 0\uc785\ub2c8\ub2e4.<\/td>\n<\/tr>\n<tr>\n<td style=\"border-color: #000000; border-style: solid; width: 160.369px;\">android:pivotY<\/td>\n<td style=\"border-color: #000000; border-style: solid; width: 443.097px;\">\uadf8\ub8f9\uc758 \ud655\ub300, \ud68c\uc804\uc744 \uc704\ud55c \ud53c\ubd07\uc758 Y\uc88c\ud45c.\u00a0\ubdf0\ud3ec\ud2b8 \uacf5\uac04\ub0b4\uc5d0\uc11c \uc815\uc758 \ub418\uba70, \uae30\ubcf8\uac12\uc740 0\uc785\ub2c8\ub2e4.<\/td>\n<\/tr>\n<tr>\n<td style=\"border-color: #000000; border-style: solid; width: 160.369px;\">android:scaleX<\/td>\n<td style=\"border-color: #000000; border-style: solid; width: 443.097px;\">x\uc88c\ud45c\uc758 \ud06c\uae30, \uae30\ubcf8\uac12\uc740 1\uc785\ub2c8\ub2e4.<\/td>\n<\/tr>\n<tr>\n<td style=\"border-color: #000000; border-style: solid; width: 160.369px;\">android:scaleY<\/td>\n<td style=\"border-color: #000000; border-style: solid; width: 443.097px;\">y\uc88c\ud45c\uc758 \ud06c\uae30, \uae30\ubcf8\uac12\uc740 1\uc785\ub2c8\ub2e4.<\/td>\n<\/tr>\n<tr>\n<td style=\"border-color: #000000; border-style: solid; width: 160.369px;\">android:translateX<\/td>\n<td style=\"border-color: #000000; border-style: solid; width: 443.097px;\">x\uc88c\ud45c\uc5d0\uc11c\uc758 \uc774\ub3d9\ub7c9. \ubdf0\ud3ec\ud2b8 \uacf5\uac04\ub0b4\uc5d0\uc11c \uc815\uc758\ub418\uba70, \uae30\ubcf8\uac12\uc740 0\uc785\ub2c8\ub2e4.<\/td>\n<\/tr>\n<tr>\n<td style=\"border-color: #000000; border-style: solid; width: 160.369px;\">android:translateY<\/td>\n<td style=\"border-color: #000000; border-style: solid; width: 443.097px;\">y\uc88c\ud45c\uc5d0\uc11c\uc758 \uc774\ub3d9\ub7c9. \ubdf0\ud3ec\ud2b8 \uacf5\uac04\ub0b4\uc5d0\uc11c \uc815\uc758\ub418\uba70, \uae30\ubcf8\uac12\uc740 0\uc785\ub2c8\ub2e4.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<table>\n<tbody>\n<tr>\n<td style=\"border-color: #000000; border-style: solid; width: 622.188px;\" colspan=\"2\">&lt;path&gt;<\/td>\n<\/tr>\n<tr>\n<td style=\"border-color: #000000; border-style: solid; width: 207.642px;\">android:name<\/td>\n<td style=\"border-color: #000000; border-style: solid; width: 395.824px;\">\uacbd\ub85c\uc758 \uc774\ub984\uc744 \uc815\uc758\ud569\ub2c8\ub2e4<\/td>\n<\/tr>\n<tr>\n<td style=\"border-color: #000000; border-style: solid; width: 207.642px;\">android:pathData<\/td>\n<td style=\"border-color: #000000; border-style: solid; width: 395.824px;\">SVG \uacbd\ub85c \ub370\uc774\ud130\uc758 &#8220;d&#8221;\uc18d\uc131\uacfc \uc815\ud655\ud788 \uac19\uc740 \ud615\uc2dd\uc744 \uc0ac\uc6a9\ud558\uc5ec \uacbd\ub85c \ub370\uc774\ud130\ub97c \uc815\uc758\ud569\ub2c8\ub2e4.<\/td>\n<\/tr>\n<tr>\n<td style=\"border-color: #000000; border-style: solid; width: 207.642px;\">android:fillColor<\/td>\n<td style=\"border-color: #000000; border-style: solid; width: 395.824px;\">\uacbd\ub85c\ub97c \ucc44\uc6b0\ub294\ub370 \uc0ac\uc6a9\ub418\ub294 \uc0c9\uc0c1\uc744 \uc9c0\uc815\ud569\ub2c8\ub2e4. \uc0c9\uc0c1 \ub610\ub294 SDK 24+\uc758 \uacbd\uc6b0 \uc0c9\uc0c1 \uc0c1\ud0dc \ubaa9\ub85d \ub610\ub294 \uadf8\ub77c\ub514\uc5b8\ud2b8 \uc0c9\uc0c1\uc774 \ub420 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc774 \uc18d\uc131\uc774 \uc560\ub2c8\uba54\uc774\uc158\uc774\uba74 \uc560\ub2c8\uba54\uc774\uc158\uc5d0 \uc124\uc815\ub41c \uac12\uc774 \uc6d0\ub798 \uac12\ubcf4\ub2e4 \uc6b0\uc120 \uc801\uc6a9\ub429\ub2c8\ub2e4. \uc774 \uc18d\uc131\uc744 \uc9c0\uc815\ud558\uc9c0 \uc54a\uc73c\uba74 \uacbd\ub85c \ucc44\uc6b0\uae30\uac00 \ud45c\uc2dc\ub418\uc9c0 \uc54a\uc2b5\ub2c8\ub2e4.<\/td>\n<\/tr>\n<tr>\n<td style=\"border-color: #000000; border-style: solid; width: 207.642px;\">android:strokeColor<\/td>\n<td style=\"border-color: #000000; border-style: solid; width: 395.824px;\">\uacbd\ub85c\uc758 \uc678\uacfd\uc120\uc744 \uadf8\ub9ac\ub294 \ub370 \uc0ac\uc6a9\ub418\ub294 \uc0c9\uc0c1\uc744 \uc9c0\uc815\ud569\ub2c8\ub2e4. \uc0c9\uc0c1 \ub610\ub294 SDK 24+\uc758 \uacbd\uc6b0 \uc0c9\uc0c1 \uc0c1\ud0dc \ubaa9\ub85d \ub610\ub294 \uadf8\ub77c\ub514\uc5b8\ud2b8 \uc0c9\uc0c1\uc774 \ub420 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc774 \uc18d\uc131\uc774 \uc560\ub2c8\uba54\uc774\uc158\uc774\uba74 \uc560\ub2c8\uba54\uc774\uc158\uc5d0 \uc124\uc815\ub41c \uac12\uc774 \uc6d0\ub798 \uac12\ubcf4\ub2e4 \uc6b0\uc120 \uc801\uc6a9\ub429\ub2c8\ub2e4. \uc774 \uc18d\uc131\uc744 \uc9c0\uc815\ud558\uc9c0 \uc54a\uc73c\uba74 \uc678\uacfd\uc120\uc774 \uadf8\ub824\uc9c0\uc9c0 \uc54a\uc2b5\ub2c8\ub2e4.<\/td>\n<\/tr>\n<tr>\n<td style=\"border-color: #000000; border-style: solid; width: 207.642px;\">android:strokeWidth<\/td>\n<td style=\"border-color: #000000; border-style: solid; width: 395.824px;\">\uacbd\ub85c\uc758 \uc678\uac01\uc120\uc758 \ub113\uc774. \uae30\ubcf8\uac12\uc740 0<\/td>\n<\/tr>\n<tr>\n<td style=\"border-color: #000000; border-style: solid; width: 207.642px;\">android:strokeAlpha<\/td>\n<td style=\"border-color: #000000; border-style: solid; width: 395.824px;\">\uacbd\ub85c\uc758 \uc678\uac01\uc120\uc758 \ub192\uc774. \uae30\ubcf8\uac12\uc740 0<\/td>\n<\/tr>\n<tr>\n<td style=\"border-color: #000000; border-style: solid; width: 207.642px;\">android:fillAlpha<\/td>\n<td style=\"border-color: #000000; border-style: solid; width: 395.824px;\">\uacbd\ub85c\uc758 \ubd88\ud22c\uba85\ub3c4. \ubd88\ud22c\uba85\ub3c4\ub294 1\uc785\ub2c8\ub2e4.<\/td>\n<\/tr>\n<tr>\n<td style=\"border-color: #000000; border-style: solid; width: 207.642px;\">android:trimPathStart<\/td>\n<td style=\"border-color: #000000; border-style: solid; width: 395.824px;\">\uc2dc\uc791\uc9c0\uc810\uc73c\ub85c\ubd80\ud130 \uacbd\ub85c\uc758 \uc77c\ubd80\ub97c trim \ud569\ub2c8\ub2e4. \ubc94\uc704 0\ubd80\ud130 1. \uae30\ubcf8\uac12 0<\/td>\n<\/tr>\n<tr>\n<td style=\"border-color: #000000; border-style: solid; width: 207.642px;\">android:trimPathEnd<\/td>\n<td style=\"border-color: #000000; border-style: solid; width: 395.824px;\">\ub05d\ub098\ub294 \uc9c0\uc810\uc73c\ub85c\ubd80\ud130 \uacbd\ub85c\uc758 \uc77c\ubd80\ub97c trim \ud569\ub2c8\ub2e4. \ubc94\uc704 0\ubd80\ud130 1. \uae30\ubcf8\uac12 1<\/td>\n<\/tr>\n<tr>\n<td style=\"border-color: #000000; border-style: solid; width: 207.642px;\">android:PathOffset<\/td>\n<td style=\"border-color: #000000; border-style: solid; width: 395.824px;\">\uc790\ub974\uae30 \uc601\uc5ed\uc744 \uc774\ub3d9\ud569\ub2c8\ub2e4 (\ud45c\uc2dc\ub41c \uc601\uc5ed\uc5d0 \uc2dc\uc791 \ubc0f \ub05d\uc744 \ud3ec\ud568\uc2dc\ud0ac \uc218 \uc788\uc74c). \ubc94\uc704\ub294 0\uc5d0\uc11c 1\uae4c\uc9c0\uc785\ub2c8\ub2e4. \uae30\ubcf8\uac12\uc740 0\uc785\ub2c8\ub2e4.<\/td>\n<\/tr>\n<tr>\n<td style=\"border-color: #000000; border-style: solid; width: 207.642px;\">android:strokeLineCap<\/td>\n<td style=\"border-color: #000000; border-style: solid; width: 395.824px;\">\ub77c\uc778\uc758 \ub05d\ubaa8\uc591\uc744 \uc124\uc815\ud569\ub2c8\ub2e4 : butt, round, square. \uae30\ubcf8\uac12\uc740 butt\uc785\ub2c8\ub2e4.<\/p>\n<p><a href=\"https:\/\/www.charlezz.com\/?attachment_id=1111\" rel=\"attachment wp-att-1111\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/www.charlezz.com\/wordpress\/wp-content\/uploads\/2019\/03\/\u1109\u1173\u110f\u1173\u1105\u1175\u11ab\u1109\u1163\u11ba-2019-03-03-\u110b\u1169\u1112\u116e-7.40.55.png\" alt=\"\" width=\"310\" height=\"212\" class=\"aligncenter size-full wp-image-1111\" srcset=\"https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2019\/03\/\u1109\u1173\u110f\u1173\u1105\u1175\u11ab\u1109\u1163\u11ba-2019-03-03-\u110b\u1169\u1112\u116e-7.40.55.png 310w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2019\/03\/\u1109\u1173\u110f\u1173\u1105\u1175\u11ab\u1109\u1163\u11ba-2019-03-03-\u110b\u1169\u1112\u116e-7.40.55-300x205.png 300w\" sizes=\"(max-width: 310px) 100vw, 310px\" \/><\/a><\/td>\n<\/tr>\n<tr>\n<td style=\"border-color: #000000; border-style: solid; width: 207.642px;\">android:strokeLineJoin<\/td>\n<td style=\"border-color: #000000; border-style: solid; width: 395.824px;\">\uaf2d\uc9d3\uc810\uc758 \ubaa8\uc591\uc744 \uc124\uc815\ud569\ub2c8\ub2e4 :\u00a0 miter, round, bevel\ub85c \uc124\uc815\ud569\ub2c8\ub2e4. \uae30\ubcf8\uac12\uc740 miter\uc785\ub2c8\ub2e4.<\/p>\n<p><a href=\"https:\/\/www.charlezz.com\/?attachment_id=1112\" rel=\"attachment wp-att-1112\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/www.charlezz.com\/wordpress\/wp-content\/uploads\/2019\/03\/\u1109\u1173\u110f\u1173\u1105\u1175\u11ab\u1109\u1163\u11ba-2019-03-03-\u110b\u1169\u1112\u116e-7.41.00.png\" alt=\"\" width=\"560\" height=\"220\" class=\"aligncenter size-full wp-image-1112\" srcset=\"https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2019\/03\/\u1109\u1173\u110f\u1173\u1105\u1175\u11ab\u1109\u1163\u11ba-2019-03-03-\u110b\u1169\u1112\u116e-7.41.00.png 560w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2019\/03\/\u1109\u1173\u110f\u1173\u1105\u1175\u11ab\u1109\u1163\u11ba-2019-03-03-\u110b\u1169\u1112\u116e-7.41.00-300x118.png 300w\" sizes=\"(max-width: 560px) 100vw, 560px\" \/><\/a><\/td>\n<\/tr>\n<tr>\n<td style=\"border-color: #000000; border-style: solid; width: 207.642px;\">android:strokeMiterLimit<\/td>\n<td style=\"border-color: #000000; border-style: solid; width: 395.824px;\">\ud68d\uc774\uc788\ub294 \ud328\uc2a4\uc5d0 \ub300\ud55c \uc81c\ud55c\uc120\uc744 \uc124\uc815\ud569\ub2c8\ub2e4. \uae30\ubcf8\uac12\uc740 4\uc785\ub2c8\ub2e4.<\/p>\n<p><a href=\"https:\/\/www.charlezz.com\/?attachment_id=1113\" rel=\"attachment wp-att-1113\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/www.charlezz.com\/wordpress\/wp-content\/uploads\/2019\/03\/\u1109\u1173\u110f\u1173\u1105\u1175\u11ab\u1109\u1163\u11ba-2019-03-03-\u110b\u1169\u1112\u116e-7.41.12.png\" alt=\"\" width=\"568\" height=\"234\" class=\"aligncenter size-full wp-image-1113\" srcset=\"https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2019\/03\/\u1109\u1173\u110f\u1173\u1105\u1175\u11ab\u1109\u1163\u11ba-2019-03-03-\u110b\u1169\u1112\u116e-7.41.12.png 568w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2019\/03\/\u1109\u1173\u110f\u1173\u1105\u1175\u11ab\u1109\u1163\u11ba-2019-03-03-\u110b\u1169\u1112\u116e-7.41.12-300x124.png 300w\" sizes=\"(max-width: 568px) 100vw, 568px\" \/><\/a><\/td>\n<\/tr>\n<tr>\n<td style=\"border-color: #000000; border-style: solid; width: 207.642px;\">android:fillType<\/td>\n<td style=\"border-color: #000000; border-style: solid; width: 395.824px;\">SDK 24+\uc5d0\uc11c\ub294 \uacbd\ub85c\uc758 fillType\uc744 \uc124\uc815\ud569\ub2c8\ub2e4. \uc720\ud615\uc740 &#8220;evenOdd&#8221;\ub610\ub294 &#8220;nonZero&#8221;\uc77c \uc218 \uc788\uc2b5\ub2c8\ub2e4. SVG\uc758 &#8220;fill-rule&#8221;\uc18d\uc131\uacfc \ub3d9\uc77c\ud558\uac8c \uc791\ub3d9\ud569\ub2c8\ub2e4. \uae30\ubcf8\uac12\uc740 0\uc774 \uc544\ub2d9\ub2c8\ub2e4. \uc790\uc138\ud55c \ub0b4\uc6a9\uc740 <a href=\"https:\/\/www.w3.org\/TR\/SVG\/painting.html#FillRuleProperty\">FillRuleProperty<\/a>\ub97c \ucc38\uc870\ud558\uc2ed\uc2dc\uc624.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<table>\n<tbody>\n<tr>\n<td style=\"border-style: solid; border-color: #000000; width: 622.188px;\" colspan=\"2\">&lt;clip-path&gt;<br \/>\n\uacbd\ub85c\ub97c \ud604\uc7ac \ud074\ub9bd\uc73c\ub85c \uc815\uc758\ud569\ub2c8\ub2e4. \ud074\ub9bd \uacbd\ub85c\ub294 \ud604\uc7ac \uadf8\ub8f9\uacfc \ud558\uc704 \uadf8\ub8f9\uc5d0\ub9cc \uc801\uc6a9\ub429\ub2c8\ub2e4.<\/td>\n<\/tr>\n<tr>\n<td style=\"border-style: solid; border-color: #000000; width: 174.915px;\">android:name<\/td>\n<td style=\"border-style: solid; border-color: #000000; width: 428.551px;\">\ud074\ub9bd \uacbd\ub85c\uc758 \uc774\ub984\uc744 \uc815\uc758\ud569\ub2c8\ub2e4.<\/td>\n<\/tr>\n<tr>\n<td style=\"border-style: solid; border-color: #000000; width: 174.915px;\">android:pathData<\/td>\n<td style=\"border-style: solid; border-color: #000000; width: 428.551px;\">SVG\uacbd\ub85c \ub370\uc774\ud130\uc5d0\uc11c &#8220;d&#8221;\uc18d\uc131\uacfc \ub3d9\uc77c\ud55c \ud615\uc2dd\uc744 \uc0ac\uc6a9\ud558\uc5ec \ud074\ub9bd\uacbd\ub85c\ub97c \uc815\uc758\ud569\ub2c8\ub2e4.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>&nbsp;<\/p>\n<h2>Path \uadf8\ub9ac\uae30<\/h2>\n<pre class=\"lang:xhtml decode:true\">&lt;vector\r\n  xmlns:android=\"http:\/\/schemas.android.com\/apk\/res\/android\"\r\n  android:width=\"48dp\"\r\n  android:height=\"48dp\"\r\n  android:viewportHeight=\"12\"\r\n  android:viewportWidth=\"12\"&gt;\r\n\r\n  &lt;!-- This path draws an orange triangular play icon. --&gt;\r\n  &lt;path\r\n    android:fillColor=\"#FF9800\"\r\n    android:pathData=\"M 4,2.5 L 4,9.5 L 9.5,6 Z\"\/&gt;\r\n\r\n  &lt;!-- This path draws two green stroked vertical pause bars. --&gt;\r\n  &lt;path\r\n    android:pathData=\"M 4,2.5 L 4,9.5 M 8,2.5 L 8,9.5\"\r\n    android:strokeColor=\"#0F9D58\"\r\n    android:strokeWidth=\"2\"\/&gt;\r\n\r\n  &lt;!-- This path draws a red circle. --&gt;\r\n  &lt;path\r\n    android:fillColor=\"#DB4437\"\r\n    android:pathData=\"M 2,6 C 2,3.8 3.8,2 6,2 C 8.2,2 10,3.8 10,6 C 10,8.2 8.2,10 6,10 C 3.8,10 2,8.2 2,6\"\/&gt;\r\n\r\n&lt;\/vector&gt;<\/pre>\n<table style=\"height: 140px;\">\n<tbody>\n<tr style=\"height: 28px;\">\n<td style=\"border-style: solid; border-color: #000000; width: 190px; height: 28px;\">\uba85\ub839\uc5b4<\/td>\n<td style=\"border-style: solid; border-color: #000000; width: 495px; height: 28px;\">\uc124\uba85<\/td>\n<\/tr>\n<tr style=\"height: 28px;\">\n<td style=\"border-style: solid; border-color: #000000; width: 190px; height: 28px;\">M x,y<\/td>\n<td style=\"border-style: solid; border-color: #000000; width: 495px; height: 28px;\">(x,y)\ub85c \uc774\ub3d9\ud558\uc5ec\uc11c \uc0c8\ub85c\uc6b4 \uacbd\ub85c\ub97c \uc2dc\uc791\ud569\ub2c8\ub2e4.<\/td>\n<\/tr>\n<tr style=\"height: 28px;\">\n<td style=\"border-style: solid; border-color: #000000; width: 190px; height: 28px;\">L x,y<\/td>\n<td style=\"border-style: solid; border-color: #000000; width: 495px; height: 28px;\">(x,y)\uae4c\uc9c0 \ub77c\uc778\uc744 \uadf8\ub9bd\ub2c8\ub2e4.<\/td>\n<\/tr>\n<tr style=\"height: 28px;\">\n<td style=\"border-style: solid; border-color: #000000; width: 190px; height: 28px;\">C x1,y1 x2,y2 x,y<\/td>\n<td style=\"border-style: solid; border-color: #000000; width: 495px; height: 28px;\">(x,y) \uae4c\uc9c0 \uc81c\uc5b4\uc810 (x1,y1) \uacfc (x2,y2)\ub97c \uc774\uc6a9\ud558\uc5ec 3\ucc28 \ubca0\uc9c0\uc5b4 \uace1\uc120\uc744 \uadf8\ub9bd\ub2c8\ub2e4.<\/td>\n<\/tr>\n<tr style=\"height: 28px;\">\n<td style=\"border-style: solid; border-color: #000000; width: 190px; height: 28px;\">Z<\/td>\n<td style=\"border-style: solid; border-color: #000000; width: 495px; height: 28px;\">\uc2dc\uc791 \uacbd\ub85c\uc9c0\uc810\uc73c\ub85c \uc120\uc744 \uadf8\ub824\uc11c \uacbd\ub85c\ub97c \ub2eb\uc2b5\ub2c8\ub2e4.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>&nbsp;<\/p>\n<h5>12 * 12 \uac00\uc0c1\uc758 \uadf8\ub9ac\ub4dc\uac00 \uc874\uc7ac\ud55c\ub2e4\uace0 \ud560\ub54c \uc704\uc758 path \ucf54\ub4dc\ub294 \uac01\uac01 \ub2e4\uc74c\uacfc \uac19\uc774 \ud45c\ud604\ub429\ub2c8\ub2e4.<\/h5>\n<p><a href=\"https:\/\/www.charlezz.com\/wordpress\/wp-content\/uploads\/2019\/03\/www.charlezz.com-vectordrawable--2023-02-09--8.12.17.png\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/www.charlezz.com\/wordpress\/wp-content\/uploads\/2019\/03\/www.charlezz.com-vectordrawable--2023-02-09--8.12.17-150x150.png\" alt=\"\" width=\"150\" height=\"150\" class=\"alignnone wp-image-46447 size-thumbnail\" srcset=\"https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2019\/03\/www.charlezz.com-vectordrawable--2023-02-09--8.12.17-150x150.png 150w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2019\/03\/www.charlezz.com-vectordrawable--2023-02-09--8.12.17-298x300.png 298w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2019\/03\/www.charlezz.com-vectordrawable--2023-02-09--8.12.17-1018x1024.png 1018w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2019\/03\/www.charlezz.com-vectordrawable--2023-02-09--8.12.17-768x772.png 768w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2019\/03\/www.charlezz.com-vectordrawable--2023-02-09--8.12.17.png 1436w\" sizes=\"(max-width: 150px) 100vw, 150px\" \/><\/a> <a href=\"https:\/\/www.charlezz.com\/wordpress\/wp-content\/uploads\/2019\/03\/www.charlezz.com-vectordrawable--2023-02-09--8.12.09.png\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/www.charlezz.com\/wordpress\/wp-content\/uploads\/2019\/03\/www.charlezz.com-vectordrawable--2023-02-09--8.12.09-150x150.png\" alt=\"\" width=\"150\" height=\"150\" class=\"alignnone wp-image-46448 size-thumbnail\" srcset=\"https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2019\/03\/www.charlezz.com-vectordrawable--2023-02-09--8.12.09-150x150.png 150w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2019\/03\/www.charlezz.com-vectordrawable--2023-02-09--8.12.09-300x300.png 300w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2019\/03\/www.charlezz.com-vectordrawable--2023-02-09--8.12.09-1024x1024.png 1024w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2019\/03\/www.charlezz.com-vectordrawable--2023-02-09--8.12.09-768x768.png 768w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2019\/03\/www.charlezz.com-vectordrawable--2023-02-09--8.12.09.png 1436w\" sizes=\"(max-width: 150px) 100vw, 150px\" \/><\/a> <a href=\"https:\/\/www.charlezz.com\/wordpress\/wp-content\/uploads\/2019\/03\/www.charlezz.com-vectordrawable--2023-02-09--8.12.00.png\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/www.charlezz.com\/wordpress\/wp-content\/uploads\/2019\/03\/www.charlezz.com-vectordrawable--2023-02-09--8.12.00-150x150.png\" alt=\"\" width=\"150\" height=\"150\" class=\"alignnone wp-image-46449 size-thumbnail\" srcset=\"https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2019\/03\/www.charlezz.com-vectordrawable--2023-02-09--8.12.00-150x150.png 150w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2019\/03\/www.charlezz.com-vectordrawable--2023-02-09--8.12.00-300x300.png 300w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2019\/03\/www.charlezz.com-vectordrawable--2023-02-09--8.12.00-1024x1024.png 1024w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2019\/03\/www.charlezz.com-vectordrawable--2023-02-09--8.12.00-768x769.png 768w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2019\/03\/www.charlezz.com-vectordrawable--2023-02-09--8.12.00.png 1434w\" sizes=\"(max-width: 150px) 100vw, 150px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>VectorDrawable \uc774\uc804 \ud3ec\uc2a4\ud2b8\uc5d0\uc11c Vector \uc774\ubbf8\uc9c0 \ud3ec\ub9f7\uc744 \uc774\uc6a9\ud588\uc744\ub54c\uc758 \uc7a5\ub2e8\uc810\uc5d0 \ub300\ud574\uc11c \uc54c\uc544\ubcf4\uc558\uc2b5\ub2c8\ub2e4. \uc774\ubc88 \uc2dc\uac04\uc740 \uc548\ub4dc\ub85c\uc774\ub4dc \ub9ac\uc18c\uc2a4\uc778 VectorDrawable\uc5d0 \ub300\ud574\uc11c \uc54c\uc544\ubcf4\ub3c4\ub85d \ud558\uaca0\uc2b5\ub2c8\ub2e4. xml \ud30c\uc77c\uc5d0\uc11c &lt;vector&gt; \uc694\uc18c\ub97c \uc815\uc758\ud558\ub294\uac83\uc744\u00a0\ud1b5\ud574 \ubca1\ud130 \uadf8\ub798\ud53d \ubc29\uc2dd\uc758 drawable \ud30c\uc77c\uc744 \uc0dd\uc131 \ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. Notice: \ub2e4\uc2dc \uadf8\ub9ac\ub294 \ud37c\ud3ec\uba3c\uc2a4\uc758 \ucd5c\uc801\ud654\ub97c \uc704\ud574 \uac01 VectorDrawable\uc5d0\u00a0 \ub300\ud574 \ud558\ub098\uc758 \ube44\ud2b8\ub9f5 \uce90\uc2dc\uac00 \uc0dd\uc131\ub429\ub2c8\ub2e4. \ub530\ub77c\uc11c \ub3d9\uc77c\ud55c VectorDrawable\uc744 \ucc38\uc870\ud55c\ub2e4\ub294 \uac83\uc740 [&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":[16],"tags":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/charlezz.com\/index.php?rest_route=\/wp\/v2\/posts\/1110"}],"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=1110"}],"version-history":[{"count":3,"href":"https:\/\/charlezz.com\/index.php?rest_route=\/wp\/v2\/posts\/1110\/revisions"}],"predecessor-version":[{"id":46451,"href":"https:\/\/charlezz.com\/index.php?rest_route=\/wp\/v2\/posts\/1110\/revisions\/46451"}],"wp:attachment":[{"href":"https:\/\/charlezz.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1110"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/charlezz.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1110"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/charlezz.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1110"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}