歡迎來到3WA問題解決專家工作室

本站一定要打開 javascript 才可以正常瀏覽呦

訓練家的小畫板

The legend of trainer's painter

以前常見的都是flash~我這支是純html呦^_^

外來圖片網址：　　

2024-11-07 15:12:37
2024-02-17 23:24:52
2024-02-14 23:18:32
2024-02-14 23:12:21
2024-02-14 23:11:22
2023-10-14 21:15:57
2023-03-28 10:05:45
2023-01-09 11:51:16
2023-01-09 11:50:28
2022-12-26 13:38:36
2022-11-21 10:10:32
2022-06-20 12:04:54
2021-11-10 23:32:08
2021-09-17 13:28:00
2021-06-09 15:08:10
2021-06-09 15:07:54
2021-02-24 16:17:08
2020-12-07 14:12:40
2020-11-06 09:11:29
2020-10-16 14:58:11

canvas = document.getElementById(\'test1\');
ctx = canvas.getContext(\'2d\');
ctx.mozImageSmoothingEnabled = false;
ctx.fillStyle = \'rgb(255,255,255)\';
ctx.fillRect(1,1, input_width,input_height);
ctx.lineWidth=1;
ctx.strokeStyle=\'black\';
ctx.beginPath();
ctx.moveTo(216,138);
ctx.lineTo(217,138);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(217,138);
ctx.lineTo(217,138);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(217,138);
ctx.lineTo(218,138);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(218,138);
ctx.lineTo(218,141);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(218,141);
ctx.lineTo(218,152);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(218,152);
ctx.lineTo(223,160);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(223,160);
ctx.lineTo(230,172);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(230,172);
ctx.lineTo(235,178);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(235,178);
ctx.lineTo(243,185);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(243,185);
ctx.lineTo(248,186);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(248,186);
ctx.lineTo(251,186);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(251,186);
ctx.lineTo(251,186);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(251,186);
ctx.lineTo(253,186);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(253,186);
ctx.lineTo(254,186);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(254,186);
ctx.lineTo(255,186);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(255,186);
ctx.lineTo(258,184);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(258,184);
ctx.lineTo(264,180);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(264,180);
ctx.lineTo(267,178);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(267,178);
ctx.lineTo(273,172);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(273,172);
ctx.lineTo(275,170);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(275,170);
ctx.lineTo(275,168);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(275,168);
ctx.lineTo(277,167);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(277,167);
ctx.lineTo(277,167);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(277,167);

ctx.beginPath();
ctx.moveTo(277,167);
ctx.lineTo(277,166);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(277,166);
ctx.lineTo(277,166);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(277,166);
ctx.lineTo(277,165);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(277,165);
ctx.lineTo(275,164);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(275,164);
ctx.lineTo(274,164);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(274,164);
ctx.lineTo(273,163);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(273,163);
ctx.lineTo(271,163);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(271,163);
ctx.lineTo(269,163);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(269,163);
ctx.lineTo(267,162);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(267,162);

ctx.beginPath();
ctx.moveTo(135,127);
ctx.lineTo(135,126);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(135,126);
ctx.lineTo(134,126);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(134,126);
ctx.lineTo(134,126);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(134,126);
ctx.lineTo(134,125);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(134,125);
ctx.lineTo(135,124);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(135,124);
ctx.lineTo(140,114);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(140,114);
ctx.lineTo(157,96);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(157,96);
ctx.lineTo(183,75);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(183,75);
ctx.lineTo(213,55);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(213,55);
ctx.lineTo(231,43);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(231,43);
ctx.lineTo(260,28);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(260,28);
ctx.lineTo(273,22);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(273,22);
ctx.lineTo(279,20);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(279,20);
ctx.lineTo(279,20);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(279,20);
ctx.lineTo(280,20);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(280,20);
ctx.lineTo(281,20);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(281,20);
ctx.lineTo(284,20);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(284,20);
ctx.lineTo(287,22);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(287,22);
ctx.lineTo(295,30);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(295,30);
ctx.lineTo(299,41);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(299,41);
ctx.lineTo(303,52);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(303,52);
ctx.lineTo(305,62);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(305,62);
ctx.lineTo(307,75);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(307,75);
ctx.lineTo(307,87);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(307,87);
ctx.lineTo(307,90);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(307,90);
ctx.lineTo(300,106);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(300,106);
ctx.lineTo(293,115);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(293,115);
ctx.lineTo(276,135);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(276,135);
ctx.lineTo(266,142);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(266,142);
ctx.lineTo(247,152);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(247,152);
ctx.lineTo(217,169);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(217,169);
ctx.lineTo(197,176);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(197,176);
ctx.lineTo(184,182);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(184,182);
ctx.lineTo(177,185);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(177,185);
ctx.lineTo(175,186);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(175,186);
ctx.lineTo(173,186);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(173,186);
ctx.lineTo(170,188);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(170,188);
ctx.lineTo(165,189);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(165,189);
ctx.lineTo(159,192);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(159,192);
ctx.lineTo(149,198);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(149,198);
ctx.lineTo(140,202);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(140,202);
ctx.lineTo(135,203);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(135,203);
ctx.lineTo(133,203);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(133,203);
ctx.lineTo(132,203);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(132,203);
ctx.lineTo(131,203);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(131,203);
ctx.lineTo(131,203);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(131,203);
ctx.lineTo(130,201);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(130,201);
ctx.lineTo(129,188);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(129,188);
ctx.lineTo(122,174);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(122,174);
ctx.lineTo(117,160);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(117,160);
ctx.lineTo(110,146);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(110,146);
ctx.lineTo(105,133);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(105,133);
ctx.lineTo(101,122);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(101,122);
ctx.lineTo(99,112);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(99,112);
ctx.lineTo(99,108);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(99,108);
ctx.lineTo(97,106);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(97,106);
ctx.lineTo(97,104);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(97,104);
ctx.lineTo(97,102);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(97,102);
ctx.lineTo(97,101);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(97,101);
ctx.lineTo(97,100);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(97,100);
ctx.lineTo(99,98);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(99,98);
ctx.lineTo(101,94);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(101,94);
ctx.lineTo(109,88);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(109,88);
ctx.lineTo(114,86);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(114,86);
ctx.lineTo(146,82);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(146,82);
ctx.lineTo(166,82);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(166,82);
ctx.lineTo(189,90);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(189,90);
ctx.lineTo(195,92);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(195,92);
ctx.lineTo(208,100);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(208,100);
ctx.lineTo(226,115);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(226,115);
ctx.lineTo(245,131);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(245,131);
ctx.lineTo(259,146);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(259,146);
ctx.lineTo(269,157);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(269,157);
ctx.lineTo(273,163);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(273,163);
ctx.lineTo(273,170);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(273,170);
ctx.lineTo(273,177);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(273,177);
ctx.lineTo(273,182);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(273,182);
ctx.lineTo(273,188);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(273,188);
ctx.lineTo(272,193);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(272,193);
ctx.lineTo(269,202);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(269,202);
ctx.lineTo(256,222);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(256,222);
ctx.lineTo(240,238);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(240,238);
ctx.lineTo(220,251);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(220,251);
ctx.lineTo(200,263);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(200,263);
ctx.lineTo(186,269);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(186,269);
ctx.lineTo(179,272);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(179,272);
ctx.lineTo(173,274);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(173,274);
ctx.lineTo(173,274);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(173,274);
ctx.lineTo(173,272);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(173,272);

ctx.strokeStyle=\"yellow\";
ctx.beginPath();
ctx.moveTo(113,54);
ctx.lineTo(113,56);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(113,56);
ctx.lineTo(118,59);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(118,59);
ctx.lineTo(126,65);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(126,65);
ctx.lineTo(137,71);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(137,71);
ctx.lineTo(147,78);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(147,78);
ctx.lineTo(156,84);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(156,84);
ctx.lineTo(163,90);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(163,90);
ctx.lineTo(169,98);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(169,98);
ctx.lineTo(173,104);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(173,104);
ctx.lineTo(177,112);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(177,112);
ctx.lineTo(180,122);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(180,122);
ctx.lineTo(180,127);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(180,127);
ctx.lineTo(180,138);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(180,138);
ctx.lineTo(180,145);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(180,145);
ctx.lineTo(176,156);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(176,156);
ctx.lineTo(170,165);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(170,165);
ctx.lineTo(145,186);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(145,186);
ctx.lineTo(126,199);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(126,199);
ctx.lineTo(93,213);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(93,213);
ctx.lineTo(65,224);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(65,224);
ctx.lineTo(41,230);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(41,230);
ctx.lineTo(32,232);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(32,232);
ctx.lineTo(23,233);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(23,233);
ctx.lineTo(19,233);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(19,233);
ctx.lineTo(17,233);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(17,233);
ctx.lineTo(16,233);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(16,233);
ctx.lineTo(14,233);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(14,233);
ctx.lineTo(11,233);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(11,233);
ctx.lineTo(8,230);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(8,230);
ctx.lineTo(5,227);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(5,227);
ctx.lineTo(4,221);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(4,221);
ctx.lineTo(4,215);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(4,215);
ctx.lineTo(4,210);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(4,210);
ctx.lineTo(5,195);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(5,195);
ctx.lineTo(14,174);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(14,174);
ctx.lineTo(30,153);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(30,153);
ctx.lineTo(53,137);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(53,137);
ctx.lineTo(77,124);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(77,124);
ctx.lineTo(102,118);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(102,118);
ctx.lineTo(130,114);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(130,114);
ctx.lineTo(151,114);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(151,114);
ctx.lineTo(177,114);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(177,114);
ctx.lineTo(193,115);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(193,115);
ctx.lineTo(199,118);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(199,118);
ctx.lineTo(203,118);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(203,118);
ctx.lineTo(203,118);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(203,118);
ctx.lineTo(203,119);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(203,119);
ctx.lineTo(203,123);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(203,123);
ctx.lineTo(203,130);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(203,130);
ctx.lineTo(203,134);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(203,134);
ctx.lineTo(203,141);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(203,141);
ctx.lineTo(203,157);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(203,157);
ctx.lineTo(199,186);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(199,186);
ctx.lineTo(196,201);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(196,201);
ctx.lineTo(194,212);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(194,212);
ctx.lineTo(194,218);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(194,218);
ctx.lineTo(191,228);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(191,228);
ctx.lineTo(191,230);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(191,230);
ctx.lineTo(190,233);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(190,233);
ctx.lineTo(189,234);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(189,234);
ctx.lineTo(189,236);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(189,236);
ctx.lineTo(188,240);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(188,240);
ctx.lineTo(188,242);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(188,242);
ctx.lineTo(187,244);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(187,244);
ctx.lineTo(187,244);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(187,244);
ctx.lineTo(186,244);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(186,244);

ctx.strokeStyle=\"orange\";
ctx.beginPath();
ctx.moveTo(46,24);
ctx.lineTo(46,25);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(46,25);
ctx.lineTo(48,26);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(48,26);
ctx.lineTo(66,31);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(66,31);
ctx.lineTo(107,46);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(107,46);
ctx.lineTo(165,72);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(165,72);
ctx.lineTo(218,104);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(218,104);
ctx.lineTo(236,120);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(236,120);
ctx.lineTo(261,148);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(261,148);
ctx.lineTo(271,165);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(271,165);
ctx.lineTo(278,186);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(278,186);
ctx.lineTo(279,197);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(279,197);
ctx.lineTo(281,201);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(281,201);
ctx.lineTo(281,210);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(281,210);
ctx.lineTo(281,212);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(281,212);
ctx.lineTo(279,222);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(279,222);
ctx.lineTo(277,230);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(277,230);
ctx.lineTo(270,242);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(270,242);
ctx.lineTo(259,260);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(259,260);
ctx.lineTo(244,280);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(244,280);
ctx.lineTo(228,295);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(228,295);
ctx.lineTo(211,307);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(211,307);
ctx.lineTo(199,313);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(199,313);
ctx.lineTo(194,315);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(194,315);
ctx.lineTo(193,315);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(193,315);
ctx.lineTo(191,314);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(191,314);
ctx.lineTo(182,308);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(182,308);
ctx.lineTo(171,301);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(171,301);
ctx.lineTo(162,296);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(162,296);
ctx.lineTo(157,291);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(157,291);
ctx.lineTo(153,283);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(153,283);
ctx.lineTo(150,276);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(150,276);
ctx.lineTo(149,268);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(149,268);
ctx.lineTo(150,256);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(150,256);
ctx.lineTo(152,247);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(152,247);
ctx.lineTo(155,240);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(155,240);
ctx.lineTo(173,214);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(173,214);
ctx.lineTo(193,197);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(193,197);
ctx.lineTo(212,182);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(212,182);
ctx.lineTo(241,162);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(241,162);
ctx.lineTo(267,148);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(267,148);
ctx.lineTo(280,140);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(280,140);
ctx.lineTo(283,137);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(283,137);
ctx.lineTo(286,135);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(286,135);
ctx.lineTo(288,134);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(288,134);
ctx.lineTo(289,132);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(289,132);
ctx.lineTo(291,130);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(291,130);
ctx.lineTo(295,126);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(295,126);
ctx.lineTo(299,120);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(299,120);
ctx.lineTo(305,113);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(305,113);
ctx.lineTo(310,106);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(310,106);
ctx.lineTo(312,103);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(312,103);
ctx.lineTo(313,100);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(313,100);
ctx.lineTo(313,100);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(313,100);
ctx.lineTo(313,99);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(313,99);
ctx.lineTo(313,98);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(313,98);
ctx.lineTo(304,96);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(304,96);
ctx.lineTo(267,90);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(267,90);
ctx.lineTo(229,86);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(229,86);
ctx.lineTo(198,85);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(198,85);
ctx.lineTo(178,85);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(178,85);
ctx.lineTo(169,85);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(169,85);
ctx.lineTo(160,86);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(160,86);
ctx.lineTo(155,87);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(155,87);
ctx.lineTo(145,92);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(145,92);
ctx.lineTo(132,98);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(132,98);
ctx.lineTo(119,104);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(119,104);
ctx.lineTo(106,112);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(106,112);
ctx.lineTo(97,116);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(97,116);
ctx.lineTo(93,121);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(93,121);
ctx.lineTo(90,125);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(90,125);
ctx.lineTo(87,129);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(87,129);
ctx.lineTo(87,134);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(87,134);
ctx.lineTo(88,140);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(88,140);
ctx.lineTo(94,150);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(94,150);
ctx.lineTo(104,162);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(104,162);
ctx.lineTo(110,168);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(110,168);
ctx.lineTo(119,178);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(119,178);
ctx.lineTo(125,186);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(125,186);
ctx.lineTo(128,193);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(128,193);
ctx.lineTo(129,197);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(129,197);
ctx.lineTo(129,202);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(129,202);
ctx.lineTo(127,212);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(127,212);
ctx.lineTo(125,216);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(125,216);
ctx.lineTo(119,228);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(119,228);
ctx.lineTo(112,235);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(112,235);
ctx.lineTo(105,240);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(105,240);
ctx.lineTo(91,250);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(91,250);
ctx.lineTo(73,260);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(73,260);
ctx.lineTo(60,266);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(60,266);
ctx.lineTo(43,275);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(43,275);
ctx.lineTo(33,280);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(33,280);
ctx.lineTo(30,283);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(30,283);
ctx.lineTo(29,283);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(29,283);
ctx.lineTo(29,284);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(29,284);
ctx.lineTo(29,284);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(29,284);
ctx.lineTo(29,285);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(29,285);
ctx.lineTo(29,286);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(29,286);
ctx.lineTo(30,288);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(30,288);
ctx.lineTo(33,290);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(33,290);
ctx.lineTo(52,294);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(52,294);
ctx.lineTo(64,296);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(64,296);
ctx.lineTo(101,300);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(101,300);
ctx.lineTo(114,301);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(114,301);
ctx.lineTo(118,301);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(118,301);
ctx.lineTo(120,301);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(120,301);
ctx.lineTo(122,301);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(122,301);
ctx.lineTo(133,300);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(133,300);
ctx.lineTo(146,296);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(146,296);
ctx.lineTo(219,285);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(219,285);
ctx.lineTo(246,278);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(246,278);
ctx.lineTo(277,274);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(277,274);
ctx.lineTo(287,273);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(287,273);
ctx.lineTo(289,273);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(289,273);