歡迎來到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=7;
ctx.strokeStyle=\'black\';
ctx.beginPath();
ctx.moveTo(51,62);
ctx.lineTo(51,63);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(51,63);
ctx.lineTo(53,70);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(53,70);
ctx.lineTo(110,178);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(110,178);
ctx.lineTo(126,204);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(126,204);
ctx.lineTo(128,208);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(128,208);
ctx.lineTo(130,208);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(130,208);
ctx.lineTo(136,208);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(136,208);
ctx.lineTo(150,192);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(150,192);
ctx.lineTo(164,171);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(164,171);
ctx.lineTo(172,151);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(172,151);
ctx.lineTo(177,135);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(177,135);
ctx.lineTo(179,128);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(179,128);
ctx.lineTo(180,127);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(180,127);
ctx.lineTo(180,135);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(180,135);
ctx.lineTo(182,147);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(182,147);
ctx.lineTo(183,158);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(183,158);
ctx.lineTo(184,167);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(184,167);
ctx.lineTo(185,172);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(185,172);
ctx.lineTo(186,173);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(186,173);
ctx.lineTo(193,161);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(193,161);
ctx.lineTo(199,145);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(199,145);
ctx.lineTo(202,126);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(202,126);
ctx.lineTo(204,105);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(204,105);
ctx.lineTo(206,92);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(206,92);
ctx.lineTo(208,86);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(208,86);
ctx.lineTo(210,92);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(210,92);
ctx.lineTo(213,102);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(213,102);
ctx.lineTo(222,124);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(222,124);
ctx.lineTo(226,132);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(226,132);
ctx.lineTo(228,136);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(228,136);
ctx.lineTo(229,138);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(229,138);
ctx.lineTo(230,139);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(230,139);
ctx.lineTo(233,137);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(233,137);
ctx.lineTo(239,130);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(239,130);
ctx.lineTo(243,124);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(243,124);
ctx.lineTo(246,117);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(246,117);
ctx.lineTo(249,113);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(249,113);
ctx.lineTo(252,110);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(252,110);
ctx.lineTo(253,110);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(253,110);
ctx.lineTo(260,126);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(260,126);
ctx.lineTo(264,137);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(264,137);
ctx.lineTo(266,146);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(266,146);
ctx.lineTo(267,148);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(267,148);
ctx.lineTo(268,149);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(268,149);
ctx.lineTo(268,144);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(268,144);
ctx.lineTo(268,138);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(268,138);
ctx.lineTo(268,129);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(268,129);
ctx.lineTo(266,118);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(266,118);
ctx.lineTo(263,103);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(263,103);
ctx.lineTo(263,96);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(263,96);

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=7;
ctx.strokeStyle=\'black\';
ctx.beginPath();
ctx.moveTo(109,36);
ctx.lineTo(108,38);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(108,38);
ctx.lineTo(107,46);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(107,46);
ctx.lineTo(105,59);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(105,59);
ctx.lineTo(104,84);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(104,84);
ctx.lineTo(89,153);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(89,153);
ctx.lineTo(77,189);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(77,189);
ctx.lineTo(75,191);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(75,191);
ctx.lineTo(76,186);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(76,186);
ctx.lineTo(82,175);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(82,175);
ctx.lineTo(86,160);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(86,160);
ctx.lineTo(90,143);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(90,143);
ctx.lineTo(99,119);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(99,119);
ctx.lineTo(112,107);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(112,107);
ctx.lineTo(118,104);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(118,104);
ctx.lineTo(124,101);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(124,101);
ctx.lineTo(199,121);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(199,121);
ctx.lineTo(238,151);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(238,151);
ctx.lineTo(242,157);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(242,157);
ctx.lineTo(247,174);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(247,174);
ctx.lineTo(247,188);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(247,188);
ctx.lineTo(245,198);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(245,198);
ctx.lineTo(241,204);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(241,204);
ctx.lineTo(238,206);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(238,206);
ctx.lineTo(233,206);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(233,206);
ctx.lineTo(229,200);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(229,200);
ctx.lineTo(225,187);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(225,187);
ctx.lineTo(222,171);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(222,171);
ctx.lineTo(223,155);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(223,155);
ctx.lineTo(229,139);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(229,139);
ctx.lineTo(240,130);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(240,130);
ctx.lineTo(249,126);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(249,126);
ctx.lineTo(255,126);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(255,126);
ctx.lineTo(267,135);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(267,135);
ctx.lineTo(277,148);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(277,148);
ctx.lineTo(280,155);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(280,155);
ctx.lineTo(282,161);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(282,161);
ctx.lineTo(271,209);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(271,209);
ctx.lineTo(268,210);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(268,210);
ctx.lineTo(261,209);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(261,209);
ctx.lineTo(256,201);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(256,201);
ctx.lineTo(254,189);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(254,189);
ctx.lineTo(256,177);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(256,177);
ctx.lineTo(263,164);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(263,164);
ctx.lineTo(275,151);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(275,151);
ctx.lineTo(285,144);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(285,144);
ctx.lineTo(295,144);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(295,144);
ctx.lineTo(300,144);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(300,144);
ctx.lineTo(303,147);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(303,147);
ctx.lineTo(305,151);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(305,151);
ctx.lineTo(305,154);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(305,154);
ctx.lineTo(305,155);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(305,155);
ctx.lineTo(304,155);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(304,155);
ctx.lineTo(303,155);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(303,155);
ctx.lineTo(302,155);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(302,155);
ctx.lineTo(301,154);
ctx.lineJoin = \'round\';
ctx.stroke();
ctx.moveTo(301,154);