15年用canvas画的
请恕我当年的工作太轻松，用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>
