请恕我当年的工作太轻松，用canvas手打了一个图，技术含量并没有什么，现在看看，甚是怀念_(¦3」∠)_

<!DOCTYPE html>

<html>

<head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <title></title>

    <meta charset="utf-8" />

    <style type="text/css">

        .div1 {

            text-align: center;

        }

        .div2 {

            display: inline-block;

        }

    </style>

    <script>

        function init() {

            var canvas = document.getElementById("canv");

            var context = canvas.getContext("2d");

            cui_line_ear(context);

            cui_line_face(context);

            cui_line_eyes(context);

            cui_line_nose(context);

            cui_line_mouth(context);

            cui_line_blush(context);

            cui_line_hair(context);

            cui_line_neck(context);

            cui_line_clothes(context);

            cui_line_handleft(context);

            cui_line_handright(context);

            cui_line_skirt(context);

            cui_line_legs(context);

            explain(context);

            //crossMark(context);

        }

        function cui_line_hair(context) {

            //最上

            context.beginPath();

            context.strokeStyle = "rgb(241,239,247)";

            context.strokeStyle = "#000000";

            context.moveTo(412, 105);

            context.bezierCurveTo(490, 36, 500, 44, 570, 110);

            context.moveTo(570, 110);

            context.bezierCurveTo(510, 42, 480, 34, 412, 105);

            context.stroke();

            context.closePath();

            //最左

            context.beginPath();

            context.strokeStyle = "rgb(204,212,250)";

            context.strokeStyle = "#000000";

            context.moveTo(452, 70);

            context.bezierCurveTo(410, 45, 230, 200, 230, 300);

            context.moveTo(230, 300);

            context.bezierCurveTo(236, 200, 441, 55, 452, 70);

            context.stroke();

            context.closePath();

            //最左下1

            context.beginPath();

            context.moveTo(452, 70);

            context.bezierCurveTo(430, 73, 413, 88, 393, 122);

            context.moveTo(393, 122);

            context.bezierCurveTo(423, 89, 444, 74, 452, 70);

            context.stroke();

            context.closePath();

            //最上左1

            context.beginPath();

            context.strokeStyle = "#000000";

            context.moveTo(490, 58);

            context.bezierCurveTo(469, 60, 452, 71, 435, 87);

            context.stroke();

            context.closePath();

            //最上右1

            context.beginPath();

            context.strokeStyle = "#000000";

            context.moveTo(495, 61);

            context.bezierCurveTo(522, 70, 545, 95, 562, 125);

            context.stroke();

            context.closePath();

            //最右

            context.beginPath();

            context.strokeStyle = "#C6C8E2";

            context.strokeStyle = "#000000";

            context.moveTo(530, 70);

            context.bezierCurveTo(595, 68, 630, 100, 645, 112);

            context.moveTo(530, 70);

            context.stroke();

            context.closePath();

            //context.beginpath();

            //context.globalcompositeoperation = "source-atop";

            //var g1 = context.createradialgradient(490, 380, 270, 490, 380, 323);

            //g1.addcolorstop(0.67, '#d3d6ea');

            //g1.addcolorstop(1, '#dee7ed');

            //context.fillstyle = g1;

            //context.arc(490, 380, 323, 1.8 * math.pi, 1.46 * math.pi, true);

            //context.fill();

            //context.globalcompositeoperation = "source-over";

            //context.closepath();

            //最左下2

            context.beginPath();

            context.strokeStyle = "#000000";

            // context.fillStyle = "#F6F6FF";

            context.moveTo(428, 78);

            context.bezierCurveTo(410, 80, 240, 190, 255, 320);

            context.moveTo(255, 320);

            context.bezierCurveTo(265, 200, 415, 80, 428, 78);

            // context.fill();

            context.stroke();

            context.closePath();

            //最左下3

            context.beginPath();

            context.strokeStyle = "#000000";

            context.moveTo(407, 100);

            context.bezierCurveTo(290, 200, 275, 300, 280, 325);

            context.moveTo(280, 325);

            context.bezierCurveTo(263, 285, 276, 257, 295, 215);

            context.stroke();

            context.closePath();

            //最左下4

            context.beginPath();

            context.strokeStyle = "#000000";

            context.moveTo(345, 180);

            context.bezierCurveTo(308, 230, 293, 280, 295, 310);

            context.moveTo(295, 310);

            context.bezierCurveTo(288, 280, 295, 240, 326, 190);

            context.stroke();

            context.closePath();

            //最左下5

            context.beginPath();

            context.strokeStyle = "#000000";

            context.moveTo(345, 180);

            context.bezierCurveTo(320, 220, 285, 290, 320, 340);

            context.moveTo(320, 340);

            context.bezierCurveTo(308, 300, 320, 210, 390, 130);

            context.stroke();

            context.closePath();

            //最左下7

            context.beginPath();

            context.strokeStyle = "#000000";

            context.moveTo(394, 135);

            context.bezierCurveTo(365, 165, 357, 185, 349, 205);

            context.moveTo(349, 205);

            context.bezierCurveTo(360, 185, 370, 165, 394, 135);

            context.stroke();

            context.closePath();

            //最左下8

            context.beginPath();

            context.strokeStyle = "#000000";

            context.moveTo(332, 250);

            context.bezierCurveTo(315, 330, 330, 400, 380, 445);

            context.moveTo(380, 445);

            context.bezierCurveTo(350, 410, 320, 350, 332, 250);

            context.stroke();

            context.closePath();

            //最左下9

            context.beginPath();

            context.strokeStyle = "#000000";

            context.moveTo(331, 305);

            context.bezierCurveTo(333, 330, 340, 374, 368, 405);

            context.moveTo(368, 405);

            context.bezierCurveTo(347, 375, 335, 335, 331, 305);

            context.stroke();

            context.closePath();

            //最左下10

            context.beginPath();

            context.strokeStyle = "#000000";

            context.moveTo(425, 110);

            context.bezierCurveTo(350, 175, 335, 260, 338, 300);

            context.moveTo(359, 220);

            context.bezierCurveTo(352, 235, 340, 270, 338, 300);

            context.moveTo(359, 220);

            context.bezierCurveTo(355, 260, 345, 350, 400, 420);

            context.bezierCurveTo(365, 355, 347, 220, 420, 130);

            context.stroke();

            context.closePath();

            //最左下 小11

            context.beginPath();

            context.strokeStyle = "#000000";

            context.moveTo(383, 265);

            context.bezierCurveTo(372, 295, 372, 360, 410, 390);

            context.bezierCurveTo(368, 360, 371, 315, 370, 280);

            context.stroke();

            context.closePath();

            //最左下12

            context.beginPath();

            context.strokeStyle = "#000000";

            context.moveTo(420, 130);

            context.bezierCurveTo(380, 190, 365, 285, 410, 330);

            context.moveTo(410, 330);

            context.bezierCurveTo(379, 290, 397, 260, 398, 240);

            context.moveTo(400, 220);

            context.bezierCurveTo(395, 250, 400, 270, 418, 295);

            context.moveTo(418, 295);

            context.bezierCurveTo(398, 250, 405, 170, 445, 115);

            context.stroke();

            context.closePath();

            //最下左12 小

            context.beginPath();

            context.strokeStyle = "#000000";

            context.moveTo(400, 260);

            context.bezierCurveTo(395, 280, 390, 298, 392, 317);

            context.bezierCurveTo(385, 298, 383, 284, 383, 265);

            context.stroke();

            context.closePath();

            //最左下13

            context.beginPath();

            context.strokeStyle = "#000000";

            context.moveTo(432, 136);

            context.bezierCurveTo(427, 150, 415, 195, 437, 240);

            context.moveTo(437, 240);

            context.bezierCurveTo(423, 195, 427, 150, 450, 115);

            context.stroke();

            context.closePath();

            //最左下14

            context.beginPath();

            context.strokeStyle = "#000000";

            context.moveTo(424, 180);

            context.bezierCurveTo(422, 210, 415, 250, 455, 300);

            context.bezierCurveTo(445, 270, 447, 240, 456, 200);

            context.moveTo(480, 125);

            context.bezierCurveTo(450, 160, 440, 195, 435, 230);

            context.stroke();

            context.closePath();

            //最左下15

            context.beginPath();

            context.strokeStyle = "#000000";

            context.moveTo(480, 125);

            context.bezierCurveTo(445, 170, 445, 270, 502, 340);

            context.moveTo(475, 180);

            context.bezierCurveTo(465, 250, 476, 320, 517, 355);

            context.moveTo(495, 215);

            context.bezierCurveTo(495, 270, 495, 320, 523, 365);

            context.moveTo(523, 365);

            context.bezierCurveTo(510, 330, 515, 305, 512, 295);

            //最左下15内部下1

            context.moveTo(495, 220);

            context.bezierCurveTo(500, 270, 513, 270, 530, 285);

            context.moveTo(530, 285);

            context.bezierCurveTo(505, 265, 500, 230, 499, 180);

            context.moveTo(531, 180);

            context.bezierCurveTo(532, 230, 530, 280, 565, 325);

            context.bezierCurveTo(534, 280, 535, 230, 535, 172);

            context.moveTo(499, 180);

            context.bezierCurveTo(503, 240, 510, 310, 529, 350);

            context.bezierCurveTo(515, 280, 547, 195, 522, 135);

            context.moveTo(545, 210);

            context.bezierCurveTo(550, 240, 545, 270, 525, 300);

            context.moveTo(522, 135);

            context.bezierCurveTo(535, 170, 565, 240, 535, 310);

            context.bezierCurveTo(575, 265, 560, 170, 532, 118);

            context.stroke();

            context.closePath();

            //最左下16

            context.beginPath();

            context.strokeStyle = "#000000";

            context.moveTo(532, 118);

            context.bezierCurveTo(580, 170, 590, 250, 580, 295);

            context.bezierCurveTo(577, 275, 575, 250, 558, 215);

            context.stroke();

            context.closePath();

            //最左下17

            context.beginPath();

            context.strokeStyle = "#000000";

            context.moveTo(555, 150);

            context.bezierCurveTo(585, 180, 595, 210, 603, 270);

            context.bezierCurveTo(593, 220, 585, 190, 563, 163);

            context.stroke();

            context.closePath();

            //最左下18

            context.beginPath();

            context.strokeStyle = "#000000";

            context.moveTo(583, 137);

            context.bezierCurveTo(600, 190, 625, 270, 605, 310);

            context.bezierCurveTo(610, 280, 590, 250, 581, 225);

            context.stroke();

            context.closePath();

            //最左下19   贴脸右边0

            context.beginPath();

            context.strokeStyle = "#000000";

            //context.moveTo(614, 255);

            //context.bezierCurveTo(630, 310, 630, 390, 600, 428);

            //context.bezierCurveTo(640, 395, 640, 360, 643, 330);

            context.moveTo(614, 255);

            context.bezierCurveTo(620, 302, 623, 349, 610, 398);

            context.bezierCurveTo(633, 360, 638, 323, 635, 292);

            context.stroke();

            context.closePath();

            //最左下20

            context.beginPath();

            context.strokeStyle = "#000000";

            context.moveTo(583, 137);

            context.bezierCurveTo(602, 180, 605, 225, 655, 258);

            context.stroke();

            context.closePath();

            //最左下21

            context.beginPath();

            context.strokeStyle = "#000000";

            context.moveTo(608, 165);

            context.bezierCurveTo(627, 220, 635, 245, 675, 275);

            context.bezierCurveTo(650, 250, 650, 220, 640, 192);

            context.bezierCurveTo(650, 210, 658, 230, 685, 258);

            context.bezierCurveTo(662, 220, 645, 185, 630, 150);

            context.stroke();

            context.closePath();

            //最左下22

            context.beginPath();

            context.strokeStyle = "#000000";

            context.moveTo(630, 150);

            context.bezierCurveTo(677, 190, 680, 260, 737, 263);

            context.bezierCurveTo(695, 255, 683, 215, 666, 190);

            context.stroke();

            context.closePath();

            //最左下23

            context.beginPath();

            context.strokeStyle = "#000000";

            context.moveTo(680, 150);

            context.bezierCurveTo(725, 220, 695, 280, 745, 335);

            context.moveTo(745, 335)

            context.bezierCurveTo(680, 270, 690, 210, 630, 150);

            context.moveTo(659, 160);

            context.bezierCurveTo(705, 220, 708, 280, 745, 335);

            context.moveTo(671, 142);

            context.bezierCurveTo(710, 185, 706, 220, 710, 261);

            //context.bezierCurveTo(680,180,695,220,713,260);

            context.stroke();

            context.closePath();

            //最右2

            context.beginPath();

            context.strokeStyle = "#000000";

            context.moveTo(723, 200);

            context.bezierCurveTo(740, 226, 760, 236, 776, 240);

            context.bezierCurveTo(760, 241, 740, 227, 727, 209);

            context.stroke();

            context.closePath();

            //最右3

            context.beginPath();

            context.strokeStyle = "#000000";

            context.moveTo(706, 169);

            context.bezierCurveTo(730, 200, 720, 230, 780, 260);

            context.bezierCurveTo(770, 260, 760, 260, 750, 254);

            context.bezierCurveTo(765, 280, 780, 295, 795, 300);

            context.bezierCurveTo(770, 300, 750, 290, 730, 260);

            //最右4 小

            context.moveTo(730, 258);

            context.bezierCurveTo(755, 290, 780, 308, 807, 313);

            context.bezierCurveTo(780, 315, 755, 298, 730, 258);

            //最右5 大

            context.moveTo(750, 285);

            context.bezierCurveTo(765, 350, 790, 375, 815, 390);

            context.bezierCurveTo(770, 380, 730, 370, 715, 310);

            context.bezierCurveTo(730, 373, 770, 388, 815, 390);

            //最右6 小

            context.moveTo(735, 295);

            context.bezierCurveTo(750, 325, 780, 360, 820, 385);

            context.bezierCurveTo(780, 367, 750, 332, 735, 295);

            //最右7 大

            context.moveTo(715, 310);

            context.bezierCurveTo(725, 375, 750, 400, 780, 415);

            context.bezierCurveTo(775, 412, 710, 420, 690, 325);

            //最右8 小

            context.moveTo(663, 270);

            context.bezierCurveTo(675, 305, 690, 320, 710, 330);

            context.bezierCurveTo(690, 325, 673, 310, 663, 270);

            //最右9 大

            context.moveTo(690, 325);

            context.bezierCurveTo(695, 350, 700, 405, 750, 470);

            context.bezierCurveTo(685, 450, 685, 390, 680, 370);

            context.moveTo(680, 313);

            context.bezierCurveTo(690, 390, 710, 418, 750, 470);

            context.moveTo(689, 410);

            context.bezierCurveTo(705, 440, 730, 457, 750, 470);

            //最右10 小

            context.moveTo(618, 225);

            context.bezierCurveTo(630, 275, 645, 320, 675, 340);

            context.bezierCurveTo(645, 325, 625, 280, 618, 225);

            //最右11 小

            context.moveTo(646, 312);

            context.bezierCurveTo(650, 390, 665, 420, 700, 450);

            context.bezierCurveTo(668, 425, 648, 400, 642, 306);

            //最右补充 下1

            context.moveTo(725, 394);

            context.bezierCurveTo(733, 405, 741, 412, 750, 418);

            context.lineTo(727, 410);

            context.lineTo(745, 440);

            //最右补充 下2

            context.moveTo(718, 405);

            context.bezierCurveTo(725, 420, 740, 442, 768, 455);

            context.bezierCurveTo(755, 455, 735, 450, 730, 440);

            //最右补充 下3

            context.moveTo(733, 463);

            context.bezierCurveTo(757, 495, 781, 510, 805, 530);

            context.bezierCurveTo(795, 532, 784, 530, 768, 525);

            context.bezierCurveTo(783, 538, 782, 545, 785, 555);

            context.bezierCurveTo(750, 512, 750, 518, 730, 498);

            context.moveTo(760, 525);

            context.bezierCurveTo(747, 517, 735, 505, 723, 502);

            context.moveTo(710, 470);

            context.bezierCurveTo(727, 500, 730, 530, 707, 559);

            context.bezierCurveTo(715, 550, 704, 507, 692, 500);

            context.moveTo(700, 485);

            context.bezierCurveTo(707, 500, 710, 515, 708, 530);

            context.moveTo(697, 452);

            context.bezierCurveTo(705, 465, 705, 478, 703, 492);

            context.bezierCurveTo(705, 480, 700, 468, 688, 457);

            context.moveTo(670, 360);

            context.bezierCurveTo(670, 440, 705, 460, 688, 540);

            context.moveTo(636, 320);

            context.bezierCurveTo(636, 410, 695, 470, 692, 518);

            context.moveTo(688, 460);

            context.bezierCurveTo(690, 468, 689, 477, 686, 486);

            context.moveTo(627, 375);

            context.bezierCurveTo(625, 440, 695, 468, 692, 518);

            context.moveTo(628, 365);

            context.bezierCurveTo(634, 420, 648, 430, 665, 458);

            context.moveTo(627, 300);

            context.bezierCurveTo(627, 330, 630, 360, 645, 390);

            context.bezierCurveTo(626, 360, 622, 330, 627, 300);

            context.moveTo(629, 397);

            context.bezierCurveTo(632, 422, 635, 448, 649, 470);

            context.bezierCurveTo(631, 448, 627, 422, 624, 391);

            context.moveTo(658, 484);

            context.bezierCurveTo(663, 500, 677, 516, 690, 528);

            context.bezierCurveTo(677, 511, 665, 497, 658, 484);

            context.moveTo(618, 414);

            context.bezierCurveTo(622, 442, 630, 470, 653, 502);

            context.moveTo(616, 417);

            context.bezierCurveTo(620, 442, 628, 470, 650, 502);

            context.moveTo(612, 440);

            context.bezierCurveTo(616, 460, 622, 480, 635, 502);

            context.bezierCurveTo(617, 480, 613, 460, 612, 440);

            context.moveTo(600, 433);

            context.bezierCurveTo(600, 457, 608, 481, 620, 505);

            context.moveTo(598, 435);

            context.bezierCurveTo(598, 457, 606, 481, 618, 505);

            context.moveTo(585, 452);

            context.bezierCurveTo(590, 480, 600, 502, 622, 528);

            context.bezierCurveTo(598, 506, 588, 482, 585, 452);

            context.moveTo(570, 450);

            context.bezierCurveTo(573, 468, 580, 486, 594, 503);

            context.moveTo(568, 452);

            context.bezierCurveTo(571, 468, 578, 486, 592, 503);

            context.moveTo(554, 458);

            context.bezierCurveTo(557, 471, 558, 484, 570, 498);

            context.stroke();

            context.closePath();

            //左边补充(左手握拳开始)

            context.beginPath();

            context.strokeStyle = "#000000";

            //拳头上左1

            context.moveTo(265, 220);

            context.bezierCurveTo(245, 253, 235, 286, 237, 323);

            context.bezierCurveTo(238, 286, 248, 253, 264, 225);

            //拳头上左2

            context.moveTo(268, 215);

            context.bezierCurveTo(250, 252, 240, 289, 257, 325);

            context.bezierCurveTo(245, 289, 255, 252, 274, 225);

            ////拳头上左3

            //context.moveTo(265, 272);

            //context.bezierCurveTo(260, 291, 262, 310, 275, 332);

            //context.moveTo(273, 285);

            //context.bezierCurveTo(270, 300, 272, 315, 279, 330);

            //贴脸1

            context.moveTo(349, 252);

            context.bezierCurveTo(340, 293, 340, 334, 370, 375);

            context.bezierCurveTo(350, 334, 345, 293, 349, 252);

            //贴脸2

            context.moveTo(374, 374);

            context.bezierCurveTo(375, 381, 373, 388, 366, 395);

            context.bezierCurveTo(375, 388, 373, 390, 376, 380);

            //贴脸3

            context.moveTo(409, 444);

            context.bezierCurveTo(418, 474, 440, 509, 429, 555);

            //贴脸4

            context.moveTo(413, 468);

            context.bezierCurveTo(415, 483, 415, 530, 448, 550);

            context.bezierCurveTo(420, 530, 420, 483, 413, 468);

            //贴脸5

            context.moveTo(380, 415);

            context.bezierCurveTo(390, 458, 430, 506, 422, 555);

            //贴脸6

            context.moveTo(330, 390);

            context.bezierCurveTo(350, 455, 430, 470, 422, 555);

            context.bezierCurveTo(428, 470, 341, 455, 330, 390);

            //贴脸7

            context.moveTo(318, 390);

            context.bezierCurveTo(330, 428, 350, 466, 410, 505);

            context.bezierCurveTo(335, 466, 323, 428, 310, 396);

            //贴脸8

            context.moveTo(323, 440);

            context.bezierCurveTo(330, 465, 350, 495, 410, 511);

            context.bezierCurveTo(355, 493, 332, 463, 323, 440);

            //贴脸9

            context.moveTo(350, 483);

            context.bezierCurveTo(360, 500, 370, 535, 417, 553);

            context.bezierCurveTo(370, 523, 360, 493, 350, 483);

            //贴脸10

            context.moveTo(400, 508);

            context.bezierCurveTo(415, 524, 418, 540, 420, 555);

            context.bezierCurveTo(416, 540, 409, 524, 400, 508);

            //贴脸11

            context.moveTo(325, 430);

            context.bezierCurveTo(320, 453, 325, 476, 335, 500);

            context.bezierCurveTo(320, 476, 315, 453, 318, 430);

            //贴脸12

            context.moveTo(305, 401);

            context.bezierCurveTo(305, 447, 310, 484, 365, 510);

            context.bezierCurveTo(315, 484, 310, 447, 312, 401);

            //左1

            context.moveTo(283, 419);

            context.bezierCurveTo(286, 440, 285, 490, 260, 510);

            context.bezierCurveTo(280, 506, 288, 495, 290, 486);

            //左2

            context.moveTo(295, 460);

            context.bezierCurveTo(284, 500, 276, 541, 330, 582);

            context.bezierCurveTo(305, 550, 296, 515, 297, 493);

            //左3

            context.moveTo(296, 410);

            context.bezierCurveTo(295, 473, 287, 500, 328, 548);

            context.bezierCurveTo(290, 485, 304, 450, 305, 430);

            //左4

            context.moveTo(296, 492);

            context.bezierCurveTo(300, 520, 302, 550, 355, 568);

            context.bezierCurveTo(359, 573, 362, 578, 363, 582);

            //左4下

            context.moveTo(317, 547);

            context.bezierCurveTo(333, 568, 336, 573, 355, 589);

            //左5

            context.moveTo(304, 455);

            context.bezierCurveTo(310, 492, 325, 540, 378, 568);

            context.moveTo(380, 567);

            context.bezierCurveTo(320, 522, 310, 480, 304, 455);

            //右

            context.moveTo(420, 450);

            context.bezierCurveTo(440, 500, 442, 530, 430, 555);

            context.stroke();

            context.closePath();

            //一环

            context.beginPath();

            context.strokeStyle = "#000000";

            //一环左、上

            context.moveTo(430, 555);

            context.bezierCurveTo(400, 548, 377, 565, 350, 595);

            context.bezierCurveTo(348, 602, 349, 614, 356, 616);

            //一环右、下

            context.moveTo(430, 555);

            context.bezierCurveTo(435, 560, 436, 573, 428, 582);

            context.bezierCurveTo(410, 574, 377, 590, 356, 616);

            //一环下头发

            context.moveTo(356, 616);

            context.bezierCurveTo(340, 675, 355, 670, 387, 700);

            context.bezierCurveTo(390, 704, 395, 708, 395, 713);

            context.stroke();

            context.closePath();

            //一环上头发

            context.beginPath();

            context.strokeStyle = "#000000";

            context.moveTo(360, 520);

            context.bezierCurveTo(365, 540, 380, 590, 428, 615);

            context.bezierCurveTo(383, 585, 368, 540, 360, 520);

            context.stroke();

            context.closePath();

            //二环

            context.beginPath();

            context.strokeStyle = "#000000";

            //环

            context.moveTo(455, 690);

            context.bezierCurveTo(460, 697, 460, 705, 455, 712); //右

            context.bezierCurveTo(446, 706, 415, 718, 414, 730); //下

            context.bezierCurveTo(398, 732, 394, 718, 395, 712); //左

            context.bezierCurveTo(405, 694, 440, 685, 455, 690); //上

            context.stroke();

            context.closePath();

            //二环内

            context.beginPath();

            context.strokeStyle = "#000000";

            //最右1

            context.moveTo(428, 582);

            context.lineTo(434, 600);

            context.bezierCurveTo(465, 635, 465, 620, 452, 690);

            //最右2

            context.moveTo(426, 600);

            context.bezierCurveTo(430, 618, 432, 636, 455, 654);

            context.bezierCurveTo(437, 636, 433, 618, 426, 600);

            //最右3

            context.moveTo(420, 580);

            context.bezierCurveTo(423, 610, 432, 645, 456, 670);

            //最右3

            context.moveTo(420, 580);

            context.bezierCurveTo(418, 612, 428, 644, 453, 685);

            //最右4

            context.moveTo(420, 580);

            context.bezierCurveTo(416, 612, 427, 644, 452, 687);

            //最右5

            context.moveTo(420, 610);

            context.bezierCurveTo(422, 636, 425, 662, 437, 689);

            //最右6

            context.moveTo(420, 580);

            context.bezierCurveTo(410, 653, 418, 666, 422, 694);

            //最右7

            context.moveTo(418, 580);

            context.bezierCurveTo(410, 636, 410, 662, 419, 695);

            //最右8

            context.moveTo(398, 584);

            context.bezierCurveTo(390, 627, 390, 700, 432, 715);

            context.bezierCurveTo(385, 700, 375, 635, 380, 593);

            //最右9

            context.moveTo(372, 600);

            context.bezierCurveTo(360, 630, 360, 675, 376, 690);

            context.stroke();

            context.closePath();

            //三环

            context.beginPath();

            context.strokeStyle = "#000000";

            context.moveTo(472, 720);

            context.bezierCurveTo(479, 720, 486, 721, 492, 729); //右

            context.bezierCurveTo(494, 734, 468, 760, 469, 825); //下

            context.bezierCurveTo(462, 825, 458, 823, 454, 820); //左

            context.bezierCurveTo(447, 750, 474, 740, 472, 720); //上

            //三环内头发---------------start

            //最右

            context.moveTo(455, 712);

            context.bezierCurveTo(461, 712, 467, 717, 472, 720);

            //最左

            context.moveTo(414, 730);

            context.bezierCurveTo(415, 746, 382, 790, 454, 814);

            //最左2

            context.moveTo(413, 734);

            context.bezierCurveTo(415, 758, 414, 782, 454, 814);

            context.bezierCurveTo(435, 790, 420, 730, 430, 718);

            context.bezierCurveTo(445, 723, 435, 750, 453, 787);

            //最左3

            //context.moveTo(438, 728);

            //context.bezierCurveTo(447,685,456,740,457,760);

            //三环内头发---------------end

            //四环

            context.moveTo(594, 865);

            context.bezierCurveTo(600, 868, 603, 879, 602, 882); //右

            context.bezierCurveTo(578, 885, 554, 893, 530, 906); //下

            context.bezierCurveTo(525, 903, 524, 895, 523, 892); //左

            context.bezierCurveTo(540, 872, 570, 860, 594, 865); //上

            //四环内头发--------------start

            //右1

            context.moveTo(492, 729);

            context.bezierCurveTo(524, 730, 546, 796, 555, 833);

            //右2

            context.moveTo(550, 812);

            context.bezierCurveTo(572, 829, 580, 846, 586, 863);

            //左1

            context.moveTo(469, 825);

            context.bezierCurveTo(470, 845, 480, 872, 532, 884);

            //左2

            context.moveTo(472, 792);

            context.bezierCurveTo(488, 825, 515, 855, 550, 872);

            //左3

            context.moveTo(477, 762);

            context.bezierCurveTo(490, 800, 500, 837, 550, 872);

            //左4

            context.moveTo(479, 756);

            context.bezierCurveTo(492, 794, 505, 840, 554, 870);

            //左5

            context.moveTo(488, 740);

            context.bezierCurveTo(516, 750, 530, 794, 538, 822);

            context.bezierCurveTo(533, 794, 519, 750, 492, 733);

            //四环内头发--------------end

            //五环

            context.moveTo(628, 945);

            context.bezierCurveTo(636, 948, 642, 962, 636, 969);

            context.bezierCurveTo(628, 980, 610, 996, 598, 992);

            context.bezierCurveTo(588, 985, 585, 979, 586, 973);

            context.bezierCurveTo(604, 974, 617, 960, 628, 945);

            //五环内头发-------------start

            //右1

            context.moveTo(602, 882);

            context.bezierCurveTo(614, 886, 623, 920, 625, 948);

            //左1

            context.moveTo(534, 905);

            context.bezierCurveTo(543, 960, 535, 957, 586, 973);

            //左2

            context.moveTo(536, 903);

            context.bezierCurveTo(550, 965, 575, 960, 597, 971);

            //左3

            context.moveTo(536, 903);

            context.bezierCurveTo(550, 930, 560, 950, 597, 971);

            //左4

            context.moveTo(562, 892);

            context.bezierCurveTo(568, 915, 586, 938, 615, 961);

            //左5

            context.moveTo(570, 889);

            context.bezierCurveTo(586, 900, 602, 934, 617, 958);

            //左6

            context.moveTo(590, 884);

            context.bezierCurveTo(595, 898, 602, 911, 622, 925);

            context.bezierCurveTo(608, 911, 597, 898, 593, 883);

            //五环内头发-------------end

            //五环下 丝带------------start

            //丝带 上1

            context.moveTo(639, 967);

            context.bezierCurveTo(660, 940, 745, 945, 810, 978);

            context.bezierCurveTo(807, 998, 805, 1030, 784, 1040);

            context.bezierCurveTo(705, 1060, 650, 1005, 625, 980);

            //丝带 上1 下小段

            context.moveTo(620, 984);

            context.lineTo(634, 989);

            //丝带 上 内1

            context.moveTo(640, 971);

            context.bezierCurveTo(692, 960, 742, 965, 790, 983);

            context.lineTo(788, 1006);

            context.bezierCurveTo(785, 1028, 693, 1032, 642, 980);

            context.bezierCurveTo(642, 975, 640, 970, 637, 966);

            //丝带上2

            context.moveTo(620, 984);

            context.bezierCurveTo(654, 1040, 690, 1025, 722, 1110);

            context.bezierCurveTo(730, 1125, 689, 1166, 664, 1143);

            context.bezierCurveTo(603, 1100, 600, 1040, 595, 990);

            //丝带上2 内1

            context.moveTo(604, 992);

            context.bezierCurveTo(640, 1025, 676, 1055, 710, 1116);

            context.bezierCurveTo(715, 1124, 690, 1140, 680, 1133);

            context.bezierCurveTo(640, 1100, 615, 1055, 604, 992);

            //丝带 上3

            context.moveTo(640, 971);

            context.bezierCurveTo(720, 1015, 840, 977, 878, 1050);

            context.bezierCurveTo(876, 1058, 874, 1066, 867, 1075);

            context.bezierCurveTo(844, 1055, 820, 1037, 795, 1030);

            //丝带 上4

            context.moveTo(710, 1082);

            context.bezierCurveTo(740, 1115, 810, 1146, 860, 1156);

            context.bezierCurveTo(848, 1160, 848, 1174, 850, 1182);

            context.bezierCurveTo(770, 1150, 680, 1120, 607, 994);

            //五环下 丝带------------end

            //五环下 头发------------start

            //五环下 1

            context.moveTo(620, 984);

            context.bezierCurveTo(650, 995, 680, 1004, 710, 995);

            context.bezierCurveTo(681, 1006, 652, 999, 623, 988);

            //五环下 2

            context.moveTo(627, 990);

            context.bezierCurveTo(725, 1060, 775, 1018, 860, 1033);

            context.bezierCurveTo(775, 1022, 725, 1064, 623, 990);

            //五环下 3

            context.moveTo(772, 1042);

            context.bezierCurveTo(820, 1060, 890, 1095, 914, 1180);

            //五环下 4

            context.moveTo(750, 1044);

            context.bezierCurveTo(810, 1045, 900, 1085, 932, 1150);

            context.bezierCurveTo(900, 1100, 861, 1080, 817, 1062);

            //五环下 5

            context.moveTo(640, 1002);

            context.bezierCurveTo(750, 1085, 825, 1040, 898, 1140);

            context.bezierCurveTo(825, 1055, 765, 1076, 693, 1038);

            //五环下 7

            context.moveTo(640, 1002);

            context.lineTo(800, 1110);

            context.moveTo(633, 1002);

            context.lineTo(796, 1112);

            //五环下 8

            context.moveTo(804, 1085);

            context.bezierCurveTo(875, 1110, 927, 1178, 928, 1228);

            context.bezierCurveTo(920, 1174, 873, 1115, 804, 1090);

            //五环下 9

            context.bezierCurveTo(885, 1142, 908, 1178, 923, 1240);

            context.bezierCurveTo(914, 1220, 902, 1185, 873, 1151);

            //五环下 10

            context.bezierCurveTo(898, 1187, 907, 1223, 911, 1252);

            context.bezierCurveTo(880, 1210, 785, 1212, 742, 1167);

            //五环下 11

            context.bezierCurveTo(768, 1195, 785, 1222, 830, 1228);

            context.bezierCurveTo(800, 1227, 782, 1216, 770, 1203);

            //五环下 12

            context.bezierCurveTo(782, 1225, 794, 1238, 805, 1246);

            context.bezierCurveTo(770, 1238, 705, 1185, 700, 1144);

            //五环下 13

            context.bezierCurveTo(707, 1190, 734, 1210, 750, 1225);

            context.bezierCurveTo(734, 1216, 709, 1194, 700, 1160);

            //五环下 14

            context.bezierCurveTo(710, 1215, 766, 1260, 800, 1265);

            context.bezierCurveTo(730, 1258, 690, 1175, 693, 1147);

            //五环内 15

            context.moveTo(675, 1039);

            context.bezierCurveTo(726, 1090, 800, 1135, 830, 1180);

            context.bezierCurveTo(800, 1144, 726, 1090, 702, 1069);

            //五环内 16

            context.moveTo(725, 1128);

            context.bezierCurveTo(785, 1190, 890, 1200, 905, 1272);

            context.bezierCurveTo(888, 1205, 785, 1198, 725, 1128);

            //五环内 17

            context.moveTo(608, 995);

            context.bezierCurveTo(622, 1053, 640, 1114, 670, 1175);

            context.bezierCurveTo(635, 1114, 618, 1053, 606, 995);

            //五环内 18

            context.moveTo(608, 995);

            context.bezierCurveTo(620, 1041, 635, 1087, 680, 1133);

            //五环内 19

            context.moveTo(620, 1015);

            context.bezierCurveTo(630, 1036, 660, 1084, 706, 1126);

            context.moveTo(608, 995);

            context.bezierCurveTo(627, 1040, 660, 1088, 704, 1128);

            //五环下 头发------------end

            context.stroke();

            context.closePath();

        }

        function cui_line_ear(context) {

            //左耳

            context.beginPath();

            context.strokeStyle = "#000000";

            //耳上绒毛

            context.moveTo(385, 94);

            context.bezierCurveTo(380, 90, 375, 90, 370, 83);

            context.bezierCurveTo(372, 88, 375, 98, 380, 97);

            //耳外线

            context.moveTo(380, 95);

            context.bezierCurveTo(330, 83, 305, 68, 275, 45);

            context.bezierCurveTo(275, 85, 278, 125, 301, 168);

            //耳内上侧线

            context.moveTo(275, 45);

            context.bezierCurveTo(300, 68, 305, 98, 335, 123);

            //耳内线

            context.moveTo(301, 168);

            context.bezierCurveTo(277, 120, 280, 85, 279, 53);

            context.bezierCurveTo(300, 83, 320, 111, 335, 123);

            //耳内绒毛

            context.moveTo(335, 123);

            context.lineTo(325, 126);

            context.lineTo(330, 126);

            context.lineTo(322, 133);

            context.lineTo(331, 129);

            context.lineTo(320, 140);

            context.lineTo(326, 136);

            //耳下绒毛

            context.moveTo(300, 160);

            context.lineTo(282, 170);

            context.bezierCurveTo(287, 167, 293, 167, 299, 167);

            context.stroke();

            context.closePath();

            //右耳

            context.beginPath();

            context.strokeStyle = "#000000";

            //耳外线

            context.moveTo(636, 108);

            context.bezierCurveTo(640, 80, 688, 68, 725, 45);

            context.bezierCurveTo(730, 95, 720, 160, 695, 180);

            //耳内线

            context.moveTo(725, 45);

            context.bezierCurveTo(700, 68, 660, 95, 653, 127);

            //耳内线上

            context.moveTo(725, 45);

            context.bezierCurveTo(700, 73, 660, 100, 653, 127);

            //耳内线下

            context.moveTo(725, 45);

            context.bezierCurveTo(724, 70, 718, 160, 695, 180);

            //耳内绒毛

            context.moveTo(635, 115);

            context.bezierCurveTo(638, 107, 638, 100, 637, 93);

            context.lineTo(645, 120);

            context.lineTo(652, 103);

            context.lineTo(650, 125);

            context.moveTo(653, 127);

            context.lineTo(673, 118);

            context.lineTo(663, 129);

            context.lineTo(670, 129);

            context.lineTo(665, 133);

            context.bezierCurveTo(670, 130, 680, 132, 685, 132);

            context.lineTo(672, 143);

            context.stroke();

            context.closePath();

        }

        function cui_line_face(context) {

            context.beginPath();

            context.strokeStyle = "#000000";

            //左脸

            context.moveTo(372, 370);

            context.bezierCurveTo(387, 420, 380, 427, 410, 444);

            context.bezierCurveTo(431, 455, 452, 464, 473, 470);

            //右脸

            context.moveTo(630, 355);

            context.bezierCurveTo(620, 422, 620, 420, 595, 437); //腮部

            context.bezierCurveTo(578, 448, 556, 459, 525, 470);

            context.moveTo(473, 470);

            context.bezierCurveTo(500, 480, 500, 480, 525, 470);

            context.stroke();

            context.closePath();

        }

        function cui_line_eyes(context) {

            //var x = 0;

            //var y = 0;

            //context.beginPath();

            //context.strokeStyle = "rgba(0,0,0,0.2)";

            //context.arc(425, 330, 45, 0, Math.PI * 2, true);

            //context.arc(580, 330, 45, 0, Math.PI * 2, false);

            //context.moveTo(500, 375);

            //context.lineTo(500, 390);

            //context.moveTo(490, 425);

            //context.lineTo(515, 425);

            //context.stroke();

            //context.closePath();

            //左眼------------------

            //上睫

            context.beginPath();

            context.strokeStyle = "#000000";

            context.moveTo(458, 302);

            context.lineTo(433, 299);

            context.moveTo(458, 302);

            context.lineTo(445, 302);

            context.moveTo(397, 310);

            context.bezierCurveTo(385, 322, 380, 346, 370, 343);

            context.moveTo(397, 310);

            context.bezierCurveTo(418, 290, 438, 300, 458, 308);

            //睫右侧

            context.bezierCurveTo(452, 309, 453, 309, 453, 309);

            //睫下侧

            context.bezierCurveTo(405, 288, 375, 335, 400, 366);

            context.bezierCurveTo(390, 358, 382, 342, 375, 343);

            //睫左睫毛叉

            context.moveTo(387, 328);

            context.lineTo(378, 334);

            context.lineTo(385, 332);

            //眼睛-外圈

            context.moveTo(422, 309);

            context.bezierCurveTo(465, 300, 465, 373, 444, 380);

            context.bezierCurveTo(414, 392, 382, 320, 422, 309);

            //眼睛-内圈

            context.moveTo(424, 310);

            context.bezierCurveTo(462, 304, 462, 373, 444, 378);

            context.bezierCurveTo(417, 392, 382, 320, 424, 310);

            //眼睛下睫

            context.moveTo(426, 382);

            context.lineTo(447, 381);

            //眼内瞳

            context.moveTo(419, 334);

            context.bezierCurveTo(417, 375, 460, 367, 435, 329);

            context.bezierCurveTo(457, 366, 418, 372, 419, 334);

            //眼睛上高光

            context.moveTo(414, 320);

            context.bezierCurveTo(406, 320, 403, 333, 409, 335);

            context.bezierCurveTo(414, 335, 419, 322, 414, 320);

            //眼睛下高光

            context.moveTo(448, 353);

            context.bezierCurveTo(449, 348, 460, 348, 461, 353);

            context.bezierCurveTo(460, 357, 449, 357, 448, 353);

            //眼白左

            context.moveTo(390, 355);

            context.bezierCurveTo(394, 366, 407, 378, 430, 382);

            //眼白右

            context.moveTo(448, 307);

            context.bezierCurveTo(463, 323, 465, 358, 446, 381);

            //眉毛

            context.moveTo(370, 270);

            context.bezierCurveTo(397, 266, 424, 258, 445, 250);

            context.stroke();

            context.closePath();

            //右眼----------------------

            //上睫

            context.beginPath();

            context.strokeStyle = "#000000";

            context.moveTo(545, 300);

            context.bezierCurveTo(598, 273, 620, 335, 635, 334);

            context.moveTo(545, 300);

            context.bezierCurveTo(600, 278, 605, 330, 635, 334);

            //上睫右 上

            context.moveTo(632, 327);

            context.bezierCurveTo(620, 323, 610, 315, 600, 304);

            context.bezierCurveTo(610, 317, 620, 326, 632, 327);

            //上睫下 左

            context.moveTo(542, 308);

            context.bezierCurveTo(580, 275, 610, 315, 633, 341);

            //上睫下 右

            context.bezierCurveTo(623, 336, 618, 350, 605, 357);

            //上睫下 左 大

            context.moveTo(542, 308);

            context.lineTo(548, 306); //610，360

            context.bezierCurveTo(580, 280, 634, 328, 605, 357);

            //眼睛-外圈

            context.moveTo(577, 304);

            context.bezierCurveTo(615, 314, 590, 381, 565, 374);

            context.bezierCurveTo(540, 372, 532, 298, 577, 304);

            //眼睛-内圈

            context.moveTo(577, 306);

            context.bezierCurveTo(611, 314, 587, 380, 565, 372);

            context.bezierCurveTo(542, 372, 534, 298, 577, 306);

            //眼内 瞳

            context.moveTo(563, 325);

            context.bezierCurveTo(548, 366, 588, 369, 580, 327);

            context.bezierCurveTo(585, 365, 552, 365, 563, 325);

            //眼 下睫

            context.moveTo(558, 374);

            context.lineTo(576, 376);

            //眼白 左

            context.moveTo(551, 304);

            context.bezierCurveTo(535, 329, 538, 362, 560, 374);

            //眼白 右

            context.moveTo(608, 353);

            context.bezierCurveTo(600, 364, 592, 370, 572, 376);

            //眼睛上高光

            context.moveTo(557, 314);

            context.bezierCurveTo(549, 314, 546, 324, 552, 326);

            context.bezierCurveTo(556, 329, 562, 316, 557, 314);

            //眼睛下高光

            context.moveTo(585, 353);

            context.bezierCurveTo(586, 348, 597, 348, 598, 353);

            context.bezierCurveTo(597, 357, 589, 357, 585, 353);

            //眉毛

            context.moveTo(535, 252);

            context.bezierCurveTo(560, 258, 585, 264, 610, 267);

            context.stroke();

            context.closePath();

        }

        function cui_line_nose(context) {

            context.beginPath();

            context.strokeStyle = "#000000";

            context.moveTo(497, 381);

            context.bezierCurveTo(498, 386, 496, 395, 503, 396);

            context.stroke();

            context.closePath();

        }

        function cui_line_mouth(context) {

            context.beginPath();

            context.strokeStyle = "rgba(0,0,0,0.6)";

            context.moveTo(493, 432);

            context.lineTo(512, 432);

            context.stroke();

            context.closePath();

            context.beginPath();

            context.strokeStyle = "#000000";

            context.moveTo(493, 434);

            context.lineTo(499, 432);

            context.moveTo(494, 432);

            context.lineTo(499, 433);

            context.moveTo(512, 433);

            context.lineTo(504, 432);

            context.moveTo(510, 432);

            context.lineTo(504, 433);

            context.stroke();

            context.closePath();

        }

        function cui_line_blush(context) {

            context.beginPath();

            context.strokeStyle = "#F6C1BD";

            //0

            context.moveTo(390, 366);

            context.lineTo(401, 405);

            //1

            context.moveTo(395, 369);

            context.lineTo(406, 408);

            //2

            context.moveTo(400, 372);

            context.lineTo(411, 410);

            //3

            context.moveTo(405, 375);

            context.lineTo(416, 411);

            //4

            context.moveTo(410, 378);

            context.lineTo(421, 412);

            //5

            context.moveTo(415, 381);

            context.lineTo(426, 412);

            //6

            context.moveTo(420, 383);

            context.lineTo(431, 412);

            //7

            context.moveTo(425, 384);

            context.lineTo(436, 412);

            //8

            context.moveTo(430, 384);

            context.lineTo(441, 412);

            //9

            context.moveTo(435, 384);

            context.lineTo(446, 411);

            //10

            context.moveTo(440, 384);

            context.lineTo(451, 410);

            //11

            context.moveTo(445, 383);

            context.lineTo(456, 408);

            //0

            context.moveTo(540, 374);

            context.lineTo(550, 407);

            //1

            context.moveTo(545, 375);

            context.lineTo(556, 408);

            //2

            context.moveTo(550, 375);

            context.lineTo(561, 409);

            //3

            context.moveTo(555, 376);

            context.lineTo(566, 409);

            //4

            context.moveTo(560, 377);

            context.lineTo(571, 409);

            //5

            context.moveTo(565, 378);

            context.lineTo(576, 409);

            //6

            context.moveTo(570, 379);

            context.lineTo(581, 409);

            //7

            context.moveTo(575, 380);

            context.lineTo(586, 409);

            //8

            context.moveTo(580, 379);

            context.lineTo(591, 409);

            //9

            context.moveTo(585, 378);

            context.lineTo(596, 407);

            //10

            context.moveTo(590, 377);

            context.lineTo(601, 406);

            //11

            context.moveTo(595, 376);

            context.lineTo(606, 405);

            //12

            context.moveTo(600, 376);

            context.lineTo(611, 405);

            context.stroke();

            context.closePath();

        }

        function cui_line_neck(context) {

            context.beginPath();

            context.strokeStyle = "#000000";

            context.moveTo(450, 461);

            context.bezierCurveTo(460, 480, 460, 505, 458, 525);

            context.moveTo(550, 461);

            context.bezierCurveTo(540, 480, 540, 505, 542, 525);

            context.stroke();

            context.closePath();

        }

        function cui_line_clothes(context) {

            context.beginPath();

            context.strokeStyle = "#000000";

            //领 内

            context.moveTo(459, 505);

            context.bezierCurveTo(432, 515, 465, 635, 487, 650);

            context.bezierCurveTo(518, 630, 565, 520, 541, 505);

            //领 上左

            context.moveTo(458, 492);

            context.bezierCurveTo(450, 488, 445, 493, 435, 500);

            //领 上右

            context.moveTo(542, 492);

            context.bezierCurveTo(553, 485, 564, 495, 575, 501);

            context.bezierCurveTo(595, 506, 615, 504, 645, 504);

            context.bezierCurveTo(674, 497, 677, 526, 680, 532);

            //领 上右内1

            context.moveTo(667, 506);

            context.bezierCurveTo(647, 502, 642, 528, 636, 540);

            context.bezierCurveTo(595, 640, 518, 673, 458, 702);

            //领 下左1

            context.moveTo(487, 650);

            context.lineTo(453, 680);

            //领下 大右1

            context.moveTo(660, 530);

            context.bezierCurveTo(600, 650, 520, 675, 458, 707);

            context.moveTo(635, 504);

            context.bezierCurveTo(595, 630, 516, 665, 458, 698);

            context.moveTo(630, 505);

            context.bezierCurveTo(595, 619, 518, 662, 456, 694);

            //领下 大右2

            context.moveTo(504, 684);

            context.bezierCurveTo(514, 702, 527, 716, 540, 730);

            context.bezierCurveTo(514, 721, 488, 723, 462, 705);

            context.moveTo(537, 727);

            context.bezierCurveTo(516, 718, 495, 717, 474, 699);

            context.moveTo(478, 697);

            context.bezierCurveTo(495, 707, 513, 713, 530, 720);

            //领内----------start

            context.moveTo(455, 580);

            context.bezierCurveTo(475, 589, 497, 602, 515, 618);

            context.moveTo(458, 590);

            context.bezierCurveTo(475, 598, 492, 609, 510, 623);

            context.moveTo(468, 618);

            context.bezierCurveTo(483, 602, 500, 585, 535, 575);

            context.moveTo(470, 627);

            context.bezierCurveTo(490, 606, 507, 591, 530, 586);

            //领内----------end

            context.stroke();

            context.closePath();

            //左手--------------start

            context.beginPath();

            context.strokeStyle = "#000000";

            //手 一段，上

            context.moveTo(265, 538);

            context.bezierCurveTo(270, 535, 282, 530, 290, 530);

            //手 一段，下

            context.moveTo(325, 635);

            context.bezierCurveTo(290, 640, 245, 670, 194, 685);

            //手 一段 皱右1

            context.moveTo(320, 580);

            context.lineTo(330, 620);

            //手 一段 皱右2

            context.moveTo(300, 570);

            context.bezierCurveTo(312, 596, 322, 622, 325, 642);

            //手 一段 皱右3

            context.moveTo(303, 585);

            context.bezierCurveTo(250, 627, 175, 725, 150, 697);

            //手 一段 皱右4

            context.moveTo(247, 600);

            context.bezierCurveTo(205, 658, 205, 662, 135, 710);

            //肘

            context.bezierCurveTo(80, 730, 35, 730, 20, 670);

            //袖子左上3

            context.lineTo(20, 625);

            //袖子左上2

            context.bezierCurveTo(21, 610, 50, 587, 58, 593);

            //袖子左上1

            context.moveTo(155, 457);

            context.bezierCurveTo(17, 555, 60, 670, 65, 695);

            //袖子左 丝带

            context.moveTo(155, 457);

            context.bezierCurveTo(130, 513, 125, 570, 140, 625);

            context.moveTo(150, 460);

            context.bezierCurveTo(123, 516, 112, 572, 137, 627);

            context.moveTo(78, 540);

            context.bezierCurveTo(128, 570, 178, 576, 232, 582);

            context.moveTo(75, 543);

            context.bezierCurveTo(110, 580, 190, 588, 227, 587);

            //袖子

            context.moveTo(238, 473);

            context.bezierCurveTo(252, 490, 267, 540, 275, 570);

            context.bezierCurveTo(273, 581, 260, 592, 250, 590);

            context.bezierCurveTo(190, 560, 145, 480, 155, 430);

            context.bezierCurveTo(160, 412, 190, 406, 195, 405);

            context.bezierCurveTo(199, 405, 203, 408, 207, 415); //标记

            context.bezierCurveTo(210, 475, 220, 530, 268, 562);

            //袖子下 皱1

            context.moveTo(235, 578);

            context.bezierCurveTo(200, 615, 155, 616, 110, 637);

            //袖子下 皱2

            context.moveTo(160, 618);

            context.bezierCurveTo(170, 640, 145, 660, 125, 685);

            //左手--------------end

            //上衣----------------start

            //左胸

            context.moveTo(344, 578);

            context.bezierCurveTo(325, 610, 315, 690, 330, 750);

            //左胸皱1

            context.moveTo(368, 684);

            context.lineTo(327, 753);

            //左胸下2

            context.bezierCurveTo(322, 772, 322, 791, 325, 810);

            //左胸下3

            context.moveTo(385, 697);

            context.bezierCurveTo(370, 740, 328, 790, 318, 830);

            //左胸下4

            context.moveTo(318, 852);

            context.bezierCurveTo(288, 884, 268, 914, 252, 948);

            //左胸下4 延伸右侧1

            context.moveTo(318, 830);

            context.bezierCurveTo(302, 850, 380, 965, 450, 1030); //延伸右侧重要数据 608,1065

            //左胸下4 延伸右侧2

            context.moveTo(320, 855);

            context.bezierCurveTo(330, 900, 400, 1115, 652, 1190);

            context.lineTo(626, 1104);

            //左胸下5 延伸右侧3

            context.moveTo(652, 1190);

            context.bezierCurveTo(663, 1192, 669, 1216, 673, 1236);

            //左口袋下6 延伸右侧4

            context.moveTo(164, 1138);

            context.bezierCurveTo(250, 1320, 620, 1290, 673, 1236);

            //右侧最下衣服

            context.moveTo(673, 1236);

            context.bezierCurveTo(680, 1240, 696, 1272, 683, 1282);

            //左口袋下7 延伸右侧5

            context.moveTo(125, 1197);

            context.bezierCurveTo(126, 1205, 135, 1212, 140, 1217);

            context.bezierCurveTo(300, 1340, 500, 1365, 683, 1282);

            //衣服下皱---------start

            //皱1

            context.moveTo(188, 1176);

            context.bezierCurveTo(178, 1180, 175, 1200, 170, 1220);

            //皱2

            context.moveTo(195, 1183);

            context.lineTo(187, 1210);

            //皱3

            context.moveTo(232, 1214);

            context.bezierCurveTo(224, 1232, 217, 1250, 217, 1268);

            //皱4

            context.moveTo(245, 1223);

            context.bezierCurveTo(236, 1240, 231, 1257, 228, 1274);

            //皱5

            context.moveTo(310, 1262);

            context.bezierCurveTo(307, 1272, 305, 1282, 305, 1292);

            //皱6

            context.moveTo(317, 1267);

            context.bezierCurveTo(314, 1276, 312, 1286, 312, 1295);

            //皱7

            context.moveTo(360, 1270);

            context.bezierCurveTo(356, 1287, 354, 1304, 354, 1319);

            //皱8

            context.moveTo(390, 1270);

            context.lineTo(390, 1290);

            //皱9

            context.moveTo(405, 1272);

            context.bezierCurveTo(409, 1287, 412, 1312, 410, 1327);

            //皱10

            context.moveTo(414, 1274);

            context.bezierCurveTo(420, 1287, 422, 1300, 424, 1312);

            //皱11

            context.moveTo(460, 1276);

            context.bezierCurveTo(466, 1294, 470, 1312, 468, 1330);

            //皱12

            context.moveTo(477, 1277);

            context.bezierCurveTo(482, 1290, 486, 1305, 486, 1320);

            //皱13

            context.moveTo(528, 1277);

            context.bezierCurveTo(532, 1290, 533, 1310, 530, 1326);

            //皱14

            context.moveTo(533, 1275);

            context.bezierCurveTo(536, 1283, 536, 1291, 537, 1300);

            //皱15

            context.moveTo(572, 1271);

            context.bezierCurveTo(578, 1287, 581, 1303, 580, 1318);

            //皱16

            context.moveTo(614, 1263);

            context.bezierCurveTo(620, 1277, 624, 1291, 622, 1306);

            //皱17

            context.moveTo(627, 1260);

            context.bezierCurveTo(630, 1267, 632, 1274, 632, 1280);

            //皱18

            context.moveTo(647, 1252);

            context.bezierCurveTo(657, 1265, 659, 1278, 660, 1292);

            //衣服下皱---------end

            //衣服皱 上1

            context.moveTo(415, 820);

            context.bezierCurveTo(450, 880, 485, 920, 520, 952);

            context.bezierCurveTo(480, 932, 445, 886, 415, 820);

            //衣服皱 上2

            context.moveTo(441, 832);

            context.bezierCurveTo(480, 910, 535, 965, 592, 1004);

            context.moveTo(562, 965);

            context.lineTo(592, 1004);

            //衣服皱 左右 上

            context.moveTo(340, 830);

            context.bezierCurveTo(370, 890, 446, 940, 500, 982);

            //衣服皱 左右下

            context.moveTo(340, 830);

            context.bezierCurveTo(410, 1000, 560, 1075, 608, 1065);

            //右胸

            context.moveTo(640, 600);

            context.bezierCurveTo(667, 673, 657, 746, 623, 824);

            context.moveTo(640, 588);

            context.lineTo(640, 600);

            //右胸下2

            context.moveTo(626, 816);

            context.bezierCurveTo(630, 840, 630, 845, 620, 866);

            context.lineTo(613, 898);

            //右胸下3 皱

            context.moveTo(602, 750);

            context.bezierCurveTo(610, 766, 618, 780, 635, 793);

            //右胸下4 皱

            context.moveTo(570, 700);

            context.bezierCurveTo(576, 750, 604, 820, 628, 846);

            //右胸下5 皱

            context.moveTo(552, 770);

            context.bezierCurveTo(570, 810, 602, 850, 620, 866);

            //左口袋下 1

            context.moveTo(240, 975);

            context.bezierCurveTo(220, 1000, 204, 1032, 188, 1075);

            context.bezierCurveTo(162, 1100, 205, 1180, 228, 1204);

            //左口袋下 2

            context.moveTo(182, 1082);

            context.bezierCurveTo(110, 1110, 220, 1215, 228, 1212);

            //左口袋下 3

            //context.moveTo(164, 1138);

            //context.lineTo();

            //左口袋下 4

            context.moveTo(164, 1138);

            context.bezierCurveTo(138, 1142, 133, 1178, 125, 1197);

            context.stroke();

            context.closePath();

            //上衣---------------end

            //右手--------------start

            context.beginPath();

            context.strokeStyle = "#000000";

            //右手上1

            context.moveTo(660, 530);

            context.bezierCurveTo(683, 520, 713, 566, 720, 585);

            //右手上2

            context.moveTo(680, 565);

            context.lineTo(738, 595);

            context.bezierCurveTo(744, 602, 744, 609, 745, 615);

            //右手上3

            context.moveTo(726, 616);

            context.bezierCurveTo(739, 618, 750, 622, 760, 630);

            //右手上4

            context.moveTo(732, 613);

            context.bezierCurveTo(755, 608, 770, 651, 783, 665);

            context.bezierCurveTo(795, 675, 795, 676, 803, 690);

            //右手上5

            context.moveTo(790, 730);

            context.bezierCurveTo(796, 720, 798, 705, 803, 690);

            context.moveTo(790, 730)

            context.bezierCurveTo(787, 740, 794, 757, 803, 770);

            //右手上6

            context.moveTo(803, 690);

            context.bezierCurveTo(806, 660, 815, 630, 805, 600);

            //右手下1

            context.moveTo(658, 687);

            context.bezierCurveTo(664, 692, 670, 693, 677, 696);

            //右手下2

            context.lineTo(755, 770);

            //右手下3

            context.moveTo(728, 645);

            context.bezierCurveTo(718, 697, 740, 727, 755, 770);

            context.bezierCurveTo(762, 780, 760, 788, 776, 800);

            context.bezierCurveTo(790, 804, 840, 806, 855, 804);

            context.bezierCurveTo(880, 797, 920, 720, 930, 698);

            //袖子

            context.moveTo(808, 552);

            context.bezierCurveTo(800, 564, 802, 578, 802, 595);

            context.bezierCurveTo(844, 670, 894, 688, 935, 698);

            context.lineTo(948, 667);

            context.moveTo(808, 552);

            context.bezierCurveTo(813, 549, 818, 551, 822, 551);

            context.moveTo(808, 552);

            context.bezierCurveTo(840, 613, 910, 653, 928, 650);

            context.moveTo(878, 576);

            context.bezierCurveTo(900, 588, 960, 640, 948, 667);

            //袖子皱1

            context.moveTo(803, 690);

            context.bezierCurveTo(786, 703, 784, 716, 775, 730);

            //袖子皱2

            context.moveTo(677, 696);

            context.bezierCurveTo(680, 670, 678, 650, 700, 610);

            //袖子皱3

            context.moveTo(710, 620);

            context.bezierCurveTo(694, 653, 692, 686, 703, 720);

            ////袖子皱4

            //context.moveTo(714, 660);

            //context.bezierCurveTo(715,690,717,720,734,750);

            ////袖子右 丝带

            context.moveTo(810, 640);

            context.bezierCurveTo(843, 686, 876, 714, 913, 732);

            context.moveTo(809, 647);

            context.bezierCurveTo(835, 690, 875, 718, 909, 737);

            context.moveTo(798, 707);

            context.bezierCurveTo(841, 720, 884, 713, 928, 702);

            context.moveTo(797, 713);

            context.bezierCurveTo(840, 727, 875, 720, 926, 708);

            context.stroke();

            context.closePath();

            //右手--------------end

            //系带--------------start

            context.beginPath();

            context.strokeStyle = "#000000";

            //系带左

            context.moveTo(426, 800);

            context.bezierCurveTo(427, 818, 430, 836, 438, 855);

            context.moveTo(436, 806);

            context.bezierCurveTo(438, 818, 440, 836, 450, 855);

            context.bezierCurveTo(446, 857, 442, 857, 438, 855);

            //系带右

            context.moveTo(518, 677);

            context.bezierCurveTo(525, 733, 540, 790, 578, 844);

            context.moveTo(527, 672);

            context.bezierCurveTo(532, 733, 558, 790, 597, 867);

            context.stroke();

            context.closePath();

            //系带--------------end

            //左口袋-----------------start

            context.beginPath();

            context.strokeStyle = "#000000";

            context.moveTo(256, 948); //上

            context.bezierCurveTo(292, 968, 332, 984, 372, 984);

            context.lineTo(365, 1008); //右

            context.bezierCurveTo(343, 1014, 320, 1012, 300, 1012); //下右

            context.bezierCurveTo(280, 1003, 240, 968, 236, 978); //下左

            context.bezierCurveTo(242, 964, 246, 946, 256, 948); //左

            //纽扣

            context.moveTo(300, 990);

            context.bezierCurveTo(303, 986, 318, 985, 320, 996);

            context.bezierCurveTo(318, 1004, 301, 1002, 300, 990);

            context.moveTo(306, 993);

            context.lineTo(314, 996);

            //口袋下 线左

            context.moveTo(290, 1006);

            context.bezierCurveTo(242, 1074, 220, 1190, 228, 1212);

            //口袋下 线右

            context.moveTo(313, 1011);

            context.bezierCurveTo(273, 1083, 248, 1155, 250, 1226);

            //皱 最后补充

            context.moveTo(189, 1070);

            context.bezierCurveTo(223, 1130, 256, 1155, 290, 1180);

            context.bezierCurveTo(400, 1170, 530, 1155, 600, 1178);

            context.stroke();

            context.closePath();

            //左口袋-----------------end

            //右口袋-----------------start

            //右口袋-----------------start

            context.beginPath();

            context.strokeStyle = "#000000";

            context.moveTo(540, 1001);

            context.bezierCurveTo(559, 1005, 578, 1005, 597, 1008);

            context.moveTo(540, 1001);

            context.bezierCurveTo(533, 1000, 537, 1013, 536, 1018);

            context.bezierCurveTo(540, 1032, 583, 1047, 590, 1050);

            context.lineTo(602, 1048);

            //纽扣

            context.moveTo(580, 1025);

            context.bezierCurveTo(582, 1018, 596, 1015, 598, 1028);

            context.bezierCurveTo(596, 1036, 582, 1035, 580, 1025);

            //口袋下 线左

            context.moveTo(582, 1047);

            context.bezierCurveTo(595, 1090, 600, 1132, 602, 1173);

            //口袋下 线右

            context.moveTo(611, 1076);

            context.bezierCurveTo(618, 1101, 622, 1136, 622, 1180);

            //口袋下 线左 接

            context.moveTo(610, 1175);

            context.bezierCurveTo(617, 1195, 617, 1240, 608, 1264);

            //口袋下 线右 接

            context.moveTo(630, 1182);

            context.bezierCurveTo(635, 1208, 634, 1234, 628, 1260);

            context.stroke();

            context.closePath();

            //右口袋-----------------end

        }

        function cui_line_handleft(context) {

            context.beginPath();

            context.strokeStyle = "#000000";

            //手左

            context.moveTo(206, 420);

            context.bezierCurveTo(223, 395, 203, 385, 228, 366);

            //手右

            context.moveTo(220, 500);

            context.bezierCurveTo(237, 475, 252, 440, 268, 426);

            //拇指

            context.bezierCurveTo(276, 422, 292, 417, 315, 392);

            context.bezierCurveTo(306, 342, 290, 365, 270, 335);

            context.bezierCurveTo(258, 358, 281, 370, 288, 378);

            context.bezierCurveTo(252, 383, 245, 402, 243, 410);

            //第一节上

            context.moveTo(313, 383);

            context.bezierCurveTo(322, 356, 312, 347, 307, 322);

            context.bezierCurveTo(300, 315, 278, 345, 279, 345);

            //第一节皱1

            context.moveTo(307, 347);

            context.lineTo(296, 356);

            //第一节皱2

            context.moveTo(309, 353);

            context.lineTo(299, 354);

            //第一节下

            context.moveTo(270, 359);

            context.lineTo(260, 375);

            context.bezierCurveTo(271, 380, 274, 378, 281, 371);

            //第二节

            context.moveTo(293, 327);

            context.bezierCurveTo(290, 328, 278, 313, 263, 330);

            context.lineTo(254, 338);

            context.bezierCurveTo(246, 348, 252, 362, 254, 368);

            context.bezierCurveTo(256, 374, 258, 374, 261, 373);

            //第三节

            //context.moveTo(272, 326);

            //context.bezierCurveTo(270, 322, 250, 316, 232, 340);

            //context.bezierCurveTo(238, 350, 240, 378, 258, 371);

            context.moveTo(270, 325);

            context.bezierCurveTo(266, 324, 256, 310, 244, 325);

            context.lineTo(235, 337);

            context.bezierCurveTo(229, 343, 238, 357, 239, 367);

            context.bezierCurveTo(244, 371, 249, 374, 253, 365);

            //第四节

            context.moveTo(248, 321);

            context.bezierCurveTo(225, 330, 221, 341, 220, 342);

            context.bezierCurveTo(226, 365, 228, 372, 240, 366);

            context.stroke();

            context.closePath();

        }

        function cui_line_handright(context) {

            context.beginPath();

            context.strokeStyle = "#000000";

            //左侧

            context.moveTo(822, 575);

            context.bezierCurveTo(822, 550, 833, 520, 800, 500);

            context.bezierCurveTo(777, 484, 775, 457, 775, 450);

            //食指

            context.lineTo(782, 396);

            context.bezierCurveTo(787, 386, 795, 386, 800, 396);

            //食指下

            context.moveTo(812, 415);

            context.bezierCurveTo(822, 425, 822, 435, 828, 449);

            context.bezierCurveTo(826, 450, 815, 447, 809, 442);

            //拇指左

            context.moveTo(796, 480);

            context.bezierCurveTo(790, 466, 782, 453, 786, 440);

            context.bezierCurveTo(788, 422, 800, 403, 804, 384);

            //拇指右

            context.bezierCurveTo(818, 398, 816, 405, 811, 418);

            context.lineTo(808, 430);

            context.bezierCurveTo(808, 437, 810, 444, 812, 452);

            context.bezierCurveTo(826, 456, 840, 465, 848, 492);

            //中指

            context.moveTo(813, 396);

            context.bezierCurveTo(818, 387, 825, 387, 830, 396);

            context.bezierCurveTo(840, 415, 840, 434, 844, 455);

            context.bezierCurveTo(822, 455, 831, 427, 815, 417);

            //无名指

            context.moveTo(834, 402);

            context.bezierCurveTo(836, 398, 850, 398, 850, 402);

            context.bezierCurveTo(858, 420, 855, 433, 860, 455);

            context.bezierCurveTo(858, 463, 842, 446, 842, 440);

            //小拇指

            context.moveTo(840, 399);

            context.lineTo(849, 388);

            context.bezierCurveTo(852, 386, 865, 385, 868, 392);

            context.bezierCurveTo(870, 393, 878, 407, 889, 423);

            context.bezierCurveTo(864, 428, 860, 388, 853, 413);

            //右侧下1

            context.moveTo(881, 520);

            context.bezierCurveTo(875, 557, 880, 594, 884, 632);

            //右侧下2

            context.moveTo(881, 520);

            context.bezierCurveTo(885, 494, 885, 460, 857, 434); //按时大大说

            context.stroke();

            context.closePath();

        }

        function cui_line_skirt(context) {

            context.beginPath();

            context.strokeStyle = "#000000";

            //140,1217);

            //683, 1282)

            //左1

            context.moveTo(135, 1211);

            context.bezierCurveTo(130, 1234, 118, 1280, 80, 1305);

            //左2

            context.bezierCurveTo(106, 1360, 122, 1370, 137, 1380);

            //左3

            context.moveTo(203, 1258);

            context.bezierCurveTo(190, 1290, 168, 1323, 137, 1380);

            //左4

            context.moveTo(210, 1264);

            context.bezierCurveTo(197, 1303, 170, 1340, 142, 1403);

            //补充4

            context.moveTo(210, 1264);

            context.bezierCurveTo(224, 1315, 242, 1360, 260, 1400);

            //左5

            context.moveTo(137, 1380);

            context.lineTo(144, 1398);

            //左6

            context.moveTo(142, 1403);

            context.bezierCurveTo(193, 1417, 244, 1455, 295, 1460);

            //左7

            context.moveTo(290, 1320);

            context.bezierCurveTo(295, 1340, 280, 1420, 281, 1425);

            //左8

            context.bezierCurveTo(282, 1430, 277, 1445, 295, 1460);

            //左9

            context.bezierCurveTo(283, 1445, 280, 1433, 300, 1431);

            //补充8

            context.moveTo(290, 1320);

            context.bezierCurveTo(308, 1356, 336, 1390, 370, 1420);

            //左9下1

            context.moveTo(295, 1460);

            context.lineTo(300, 1431);

            //左10

            context.moveTo(400, 1470);

            context.bezierCurveTo(423, 1462, 438, 1440, 393, 1436);

            //左10下1

            context.moveTo(400, 1470);

            context.lineTo(396, 1436);

            //左11

            context.moveTo(300, 1431);

            context.bezierCurveTo(331, 1428, 362, 1430, 393, 1436);

            //左12

            context.moveTo(398, 1327);

            context.lineTo(422, 1452);

            //左13

            context.moveTo(400, 1470);

            context.bezierCurveTo(425, 1472, 465, 1467, 476, 1464);

            context.lineTo(452, 1340); //左15

            context.moveTo(430, 1400);

            context.lineTo(443, 1468); //左14

            //左16

            context.moveTo(476, 1465);

            context.bezierCurveTo(495, 1458, 512, 1432, 516, 1458);

            context.bezierCurveTo(520, 1463, 540, 1460, 568, 1447);

            context.bezierCurveTo(578, 1442, 585, 1438, 586, 1455);

            context.bezierCurveTo(606, 1450, 630, 1441, 645, 1430);

            //左皱补充

            //补充1

            context.moveTo(490, 1340);

            context.lineTo(516, 1458);

            context.moveTo(490, 1340);

            context.lineTo(540, 1400);

            //补充2

            context.moveTo(555, 1365);

            context.lineTo(585, 1447);

            //补充3

            context.moveTo(585, 1315);

            context.lineTo(634, 1432);

            //补充4

            context.moveTo(645, 1430);

            context.bezierCurveTo(645, 1427, 634, 1435, 634, 1432);

            //补充5

            context.moveTo(545, 1340);

            context.bezierCurveTo(580, 1380, 600, 1435, 630, 1435);

            context.moveTo(634, 1432);

            context.bezierCurveTo(640, 1410, 690, 1393, 753, 1385);

            context.bezierCurveTo(725, 1350, 702, 1315, 683, 1281);

            context.moveTo(753, 1385);

            context.bezierCurveTo(728, 1422, 703, 1443, 688, 1456);

            //补充6

            //context.moveTo();

            //context.lineTo();

            //左边17

            //context.moveTo();

            //context.lineTo();

            context.stroke();

            context.closePath();

        }

        function cui_line_legs(context) {

            context.beginPath();

            context.strokeStyle = "#000000";

            //左腿

            //1

            context.moveTo(190, 1420);

            context.bezierCurveTo(210, 1507, 255, 1598, 306, 1690);

            //2

            context.moveTo(439, 1470);

            context.bezierCurveTo(450, 1500, 465, 1616, 466, 1690);

            //3

            context.moveTo(201, 1464);

            context.bezierCurveTo(285, 1534, 400, 1594, 462, 1609);

            context.moveTo(207, 1482);

            context.bezierCurveTo(288, 1560, 400, 1605, 462, 1618);

            //4

            context.moveTo(439, 1470);

            context.bezierCurveTo(410, 1517, 300, 1595, 262, 1612);

            context.moveTo(443, 1485);

            context.bezierCurveTo(410, 1548, 295, 1610, 269, 1624);

            //5

            context.moveTo(269, 1625);

            context.bezierCurveTo(333, 1650, 397, 1637, 462, 1621);

            //右腿

            context.moveTo(468, 1465);

            context.bezierCurveTo(485, 1540, 520, 1615, 562, 1690);

            context.moveTo(677, 1403);

            context.bezierCurveTo(700, 1499, 710, 1595, 722, 1690);

            //1

            context.moveTo(468, 1465);

            context.bezierCurveTo(554, 1530, 634, 1572, 710, 1597);

            context.moveTo(472, 1480);

            context.bezierCurveTo(554, 1545, 634, 1590, 712, 1608);

            //2

            context.moveTo(689, 1457);

            context.bezierCurveTo(635, 1520, 581, 1578, 523, 1613);

            context.moveTo(690, 1470);

            context.bezierCurveTo(635, 1545, 581, 1598, 527, 1624);

            //3

            context.moveTo(527, 1626);

            context.bezierCurveTo(590, 1645, 650, 1645, 712, 1610);

            context.stroke();

            context.closePath();

        }

        function crossMark(context) {

            //十字标记

            context.beginPath();

            context.strokeStyle = "#ff0000";

            context.moveTo(500, 0);

            context.lineTo(500, 1700);

            context.moveTo(0, 350);

            context.lineTo(1000, 350);

            context.moveTo(0, 506);

            context.lineTo(1000, 506);

            context.stroke();

            context.closePath();

        }

        function explain(context) {

            context.beginPath();

            context.strokeStyle = 'rgba(0,0,0,0.15)';

            //翠

            context.moveTo(865, 105);

            context.lineTo(900, 105);

            context.lineTo(900, 155);

            context.lineTo(885, 155);

            context.moveTo(873, 120);

            context.lineTo(900, 125);

            context.lineTo(873, 145);

            context.moveTo(910, 105);

            context.lineTo(945, 105);

            context.lineTo(945, 155);

            context.lineTo(935, 155);

            context.moveTo(923, 120);

            context.lineTo(945, 125);

            context.lineTo(923, 145);

            context.moveTo(908, 155);

            context.lineTo(912, 167);

            context.moveTo(875, 170);

            context.lineTo(946, 170);

            context.moveTo(895, 172);

            context.lineTo(880, 200);

            context.moveTo(890, 180);

            context.lineTo(903, 200);

            context.moveTo(929, 172);

            context.lineTo(917, 200);

            context.moveTo(925, 180);

            context.lineTo(938, 200);

            context.moveTo(868, 206);

            context.lineTo(951, 206);

            context.moveTo(912, 188);

            context.lineTo(912, 242);

            context.moveTo(970, 250);

            context.lineTo(970, 340);

            //b

            context.moveTo(958, 346);

            context.lineTo(985, 346);

            context.moveTo(958, 346);

            context.bezierCurveTo(960, 359, 973, 359, 975, 346);

            //y

            context.moveTo(975, 360);

            context.bezierCurveTo(970, 360, 957, 360, 960, 370);

            context.moveTo(975, 369);

            context.bezierCurveTo(955, 370, 942, 370, 945, 356);

            //s

            context.moveTo(975, 404);

            context.lineTo(972, 385);

            context.lineTo(952, 404);

            context.lineTo(947, 385);

            //t

            context.moveTo(973, 407);

            context.lineTo(973, 432);

            context.moveTo(947, 420);

            context.lineTo(972, 420);

            //a

            context.moveTo(975, 442);

            context.lineTo(946, 432);

            context.moveTo(975, 442);

            context.lineTo(946, 452);

            context.moveTo(961, 436);

            context.lineTo(961, 448);

            //r

            context.moveTo(975, 457);

            context.bezierCurveTo(980, 485, 957, 485, 960, 457);

            context.moveTo(975, 457);

            context.lineTo(945, 457);

            context.moveTo(961, 468);

            context.lineTo(945, 478);

            context.stroke();

            context.closePath();

        }

        window.onload = function () {

            init();

        };

    </script>

</head>

<body>

    <div class="div1">

        <div class="div2">

            <canvas id="canv" width="1000" height="1695">当前浏览器不支持Canvas,请使用比较新的浏览器查看（支持Html5）</canvas>

        </div>

    </div>

</body>

</html>

15年用canvas画的的更多相关文章

  1. 踩个猴尾不容易啊 Canvas画个猴子

    踩个猴尾不容易啊  Canvas画个猴子 <!DOCTYPE html> <html> <head> <meta charset="UTF-8&qu ...

  2. canvas画时钟

    <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http ...

  3. canvas画多边形

    <canvas id = "myCanvas" width = '500' height = '500'> Canvas画正多边形 </canvas>< ...

  4. Android利用canvas画各种图形

    Android利用canvas画各种图形(点.直线.弧.圆.椭圆.文字.矩形.多边形.曲线.圆角矩形) 本文链接:https://blog.csdn.net/rhljiayou/article/det ...

  5. 使用javascript和canvas画月半弯

    使用javascript和canvas画月半弯,月半弯好浪漫!浏览器须支持html5 查看效果:http://keleyi.com/a/bjad/8xqdm0r2.htm 以下是代码: <!do ...

  6. canvas 画圈 demo

    html代码: <canvas id="clickCanvas2"  width="180" height="180" data-to ...

  7. canvas画随机闪烁的星星

    canvas画一颗星星: 规则的星星有内切圆和外切圆,每两个点之间的角度是固定的,因此可得到星星的每个点的坐标,画出星星. function drawStars(x,y,radius1,radius2 ...

  8. Canvas画椭圆的方法

    虽然标题是画椭圆,但是我们先来说说Canvas中的圆 相信大家对于Canvas画圆都不陌生   oGC.arc(400, 300, 100, 0, 2*Math.PI, false); 如上所示,直接 ...

  9. 深夜，用canvas画一个时钟

    深夜,用canvas画一个时钟 查看demo 这几天准备阿里巴巴的笔试,可以说已经是心力交瘁,自从阿里和蘑菇街的内推被刷掉之后,开始越来越怀疑起自己的能力来,虽然这点打击应该是微不足道的.毕竟校招在刚 ...

随机推荐

  1. 调试LM1117电压转换芯片

    LM1117(不是LM117)电源芯片是低压差线性稳压器,简称LDO(low dropout regulator),是一种非隔离(输入输出电压的地是一个地)的电压转换芯片.因此,在使用的时候,尽量让输 ...

  2. springboot 生产环境不能访问swagger

    @Profile({"local", "dev", "test"}) local,dev, test 分支都可以访问swagger

  3. [luoguP1196] 银河英雄传说（并查集）

    传送门 记录 up[x] 表示 x 上方有多少个 all[x] 表示当前连通的有多少个 find 的时候 和 合并的时候 更新一下即可 ——代码 #include <cstdio> #in ...

  4. Docker website

    https://github.com/docker/labs/  (nguo123gmail  Cooooos123!) Docker Tutorials and Labs At this time ...

  5. android获取年月日时分秒

    Calendar calendar=Calendar.getInstance(); //获取当前时间,作为图标的名字 String year=calendar.get(Calendar.YEAR)+& ...

  6. O - Treats for the Cows 区间DP

    FJ has purchased N (1 <= N <= 2000) yummy treats for the cows who get money for giving vast am ...

  7. css3的高级而有用且很少人知道的属性和样式

    1.-webkit-mask 概属性可以给一个元素添加蒙层,蒙层可以是一个渐变或者半透明的png图片,这张png图片的 alpha 为 0 的位置会不显示元素这部分,alpha 为 1 的位置会显示元 ...

  8. Redhat 6.1安装ArcGIS Server10.1

    http://blog.csdn.net/linghe301/article/details/7762985 操作环境:Redhat 6.1 Linux 安装ArcGIS Server10.1之前,还 ...

  9. ubuntu 搭建 svn服务器，使用http方式访问

    原文: http://blog.csdn.net/wobuxingfang/article/details/70835414 参考:http://www.cnblogs.com/zzugyl/p/36 ...

  10. eclipse 自己主动为getter和setter加入中文凝视

    在我们使用eclipse进行开发的时候经常会使用到eclipse自己主动生成getter和setter的功能,然后大多情况下eclipse为我们生成的getter和setter都是无法在项目中使用的. ...