歡迎來到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.strokeStyle="#000000";
ctx.beginPath();
ctx.moveTo(69,227);
ctx.lineTo(68,227);
ctx.stroke();
ctx.closePath();
ctx.beginPath();
ctx.moveTo(68,227);
ctx.lineTo(67,227);
ctx.stroke();
ctx.closePath();
ctx.beginPath();
ctx.moveTo(67,227);
ctx.lineTo(63,231);
ctx.stroke();
ctx.closePath();
ctx.beginPath();
ctx.moveTo(63,231);
ctx.lineTo(61,234);
ctx.stroke();
ctx.closePath();
ctx.beginPath();
ctx.moveTo(61,234);
ctx.lineTo(57,240);
ctx.stroke();
ctx.closePath();
ctx.beginPath();
ctx.moveTo(57,240);
ctx.lineTo(55,243);
ctx.stroke();
ctx.closePath();
ctx.beginPath();
ctx.moveTo(55,243);
ctx.lineTo(54,244);
ctx.stroke();
ctx.closePath();
ctx.beginPath();
ctx.moveTo(54,244);
ctx.lineTo(53,245);
ctx.stroke();
ctx.closePath();
ctx.beginPath();
ctx.moveTo(53,245);
ctx.lineTo(52,247);
ctx.stroke();
ctx.closePath();
ctx.beginPath();
ctx.moveTo(52,247);
ctx.lineTo(48,250);
ctx.stroke();
ctx.closePath();
ctx.beginPath();
ctx.moveTo(48,250);
ctx.lineTo(47,251);
ctx.stroke();
ctx.closePath();
ctx.beginPath();
ctx.moveTo(47,251);
ctx.lineTo(46,252);
ctx.stroke();
ctx.closePath();
ctx.beginPath();
ctx.moveTo(46,252);
ctx.lineTo(43,254);
ctx.stroke();
ctx.closePath();
ctx.beginPath();
ctx.moveTo(43,254);
ctx.lineTo(40,257);
ctx.stroke();
ctx.closePath();
ctx.beginPath();
ctx.moveTo(40,257);
ctx.lineTo(36,258);
ctx.stroke();
ctx.closePath();
ctx.beginPath();
ctx.moveTo(36,258);
ctx.lineTo(34,259);
ctx.stroke();
ctx.closePath();
ctx.beginPath();
ctx.moveTo(34,259);
ctx.lineTo(31,261);
ctx.stroke();
ctx.closePath();
ctx.beginPath();
ctx.moveTo(31,261);
ctx.lineTo(28,263);
ctx.stroke();
ctx.closePath();
ctx.beginPath();
ctx.moveTo(28,263);
ctx.lineTo(27,263);
ctx.stroke();
ctx.closePath();
ctx.beginPath();
ctx.moveTo(27,263);
ctx.lineTo(25,264);
ctx.stroke();
ctx.closePath();
ctx.beginPath();
ctx.moveTo(25,264);
ctx.lineTo(22,265);
ctx.stroke();
ctx.closePath();
ctx.beginPath();
ctx.moveTo(22,265);
ctx.lineTo(21,265);
ctx.stroke();
ctx.closePath();
ctx.beginPath();
ctx.moveTo(21,265);
ctx.closePath();

ctx.beginPath();
ctx.moveTo(48,236);
ctx.lineTo(48,237);
ctx.stroke();
ctx.closePath();
ctx.beginPath();
ctx.moveTo(48,237);
ctx.lineTo(48,238);
ctx.stroke();
ctx.closePath();
ctx.beginPath();
ctx.moveTo(48,238);
ctx.lineTo(48,240);
ctx.stroke();
ctx.closePath();
ctx.beginPath();
ctx.moveTo(48,240);
ctx.lineTo(48,244);
ctx.stroke();
ctx.closePath();
ctx.beginPath();
ctx.moveTo(48,244);
ctx.lineTo(48,247);
ctx.stroke();
ctx.closePath();
ctx.beginPath();
ctx.moveTo(48,247);
ctx.lineTo(48,252);
ctx.stroke();
ctx.closePath();
ctx.beginPath();
ctx.moveTo(48,252);
ctx.lineTo(48,255);
ctx.stroke();
ctx.closePath();
ctx.beginPath();
ctx.moveTo(48,255);
ctx.lineTo(48,259);
ctx.stroke();
ctx.closePath();
ctx.beginPath();
ctx.moveTo(48,259);
ctx.lineTo(48,263);
ctx.stroke();
ctx.closePath();
ctx.beginPath();
ctx.moveTo(48,263);
ctx.lineTo(48,268);
ctx.stroke();
ctx.closePath();
ctx.beginPath();
ctx.moveTo(48,268);
ctx.lineTo(48,270);
ctx.stroke();
ctx.closePath();
ctx.beginPath();
ctx.moveTo(48,270);
ctx.lineTo(48,274);
ctx.stroke();
ctx.closePath();
ctx.beginPath();
ctx.moveTo(48,274);
ctx.lineTo(48,276);
ctx.stroke();
ctx.closePath();
ctx.beginPath();
ctx.moveTo(48,276);
ctx.lineTo(48,279);
ctx.stroke();
ctx.closePath();
ctx.beginPath();
ctx.moveTo(48,279);
ctx.lineTo(48,281);
ctx.stroke();
ctx.closePath();
ctx.beginPath();
ctx.moveTo(48,281);
ctx.lineTo(48,282);
ctx.stroke();
ctx.closePath();
ctx.beginPath();
ctx.moveTo(48,282);
ctx.lineTo(48,283);
ctx.stroke();
ctx.closePath();
ctx.beginPath();
ctx.moveTo(48,283);
ctx.lineTo(48,284);
ctx.stroke();
ctx.closePath();
ctx.beginPath();
ctx.moveTo(48,284);
ctx.closePath();

ctx.beginPath();
ctx.moveTo(81,223);
ctx.lineTo(81,224);
ctx.stroke();
ctx.closePath();
ctx.beginPath();
ctx.moveTo(81,224);
ctx.lineTo(78,239);
ctx.stroke();
ctx.closePath();
ctx.beginPath();
ctx.moveTo(78,239);
ctx.lineTo(75,249);
ctx.stroke();
ctx.closePath();
ctx.beginPath();
ctx.moveTo(75,249);
ctx.lineTo(71,255);
ctx.stroke();
ctx.closePath();
ctx.beginPath();
ctx.moveTo(71,255);
ctx.lineTo(69,261);
ctx.stroke();
ctx.closePath();
ctx.beginPath();
ctx.moveTo(69,261);
ctx.lineTo(68,262);
ctx.stroke();
ctx.closePath();
ctx.beginPath();
ctx.moveTo(68,262);
ctx.lineTo(67,264);
ctx.stroke();
ctx.closePath();
ctx.beginPath();
ctx.moveTo(67,264);
ctx.lineTo(66,265);
ctx.stroke();
ctx.closePath();
ctx.beginPath();
ctx.moveTo(66,265);
ctx.closePath();

ctx.beginPath();
ctx.moveTo(66,250);
ctx.lineTo(68,250);
ctx.stroke();
ctx.closePath();
ctx.beginPath();
ctx.moveTo(68,250);
ctx.lineTo(70,250);
ctx.stroke();
ctx.closePath();
ctx.beginPath();
ctx.moveTo(70,250);
ctx.lineTo(76,250);
ctx.stroke();
ctx.closePath();
ctx.beginPath();
ctx.moveTo(76,250);
ctx.lineTo(81,249);
ctx.stroke();
ctx.closePath();
ctx.beginPath();
ctx.moveTo(81,249);
ctx.lineTo(88,249);
ctx.stroke();
ctx.closePath();
ctx.beginPath();
ctx.moveTo(88,249);
ctx.lineTo(96,247);
ctx.stroke();
ctx.closePath();
ctx.beginPath();
ctx.moveTo(96,247);
ctx.lineTo(103,245);
ctx.stroke();
ctx.closePath();
ctx.beginPath();
ctx.moveTo(103,245);
ctx.lineTo(107,244);
ctx.stroke();
ctx.closePath();
ctx.beginPath();
ctx.moveTo(107,244);
ctx.lineTo(114,243);
ctx.stroke();
ctx.closePath();
ctx.beginPath();
ctx.moveTo(114,243);
ctx.lineTo(121,241);
ctx.stroke();
ctx.closePath();
ctx.beginPath();
ctx.moveTo(121,241);
ctx.lineTo(125,240);
ctx.stroke();
ctx.closePath();
ctx.beginPath();
ctx.moveTo(125,240);
ctx.lineTo(128,240);
ctx.stroke();
ctx.closePath();
ctx.beginPath();
ctx.moveTo(128,240);
ctx.lineTo(129,238);
ctx.stroke();
ctx.closePath();
ctx.beginPath();
ctx.moveTo(129,238);
ctx.lineTo(130,238);
ctx.stroke();
ctx.closePath();
ctx.beginPath();
ctx.moveTo(130,238);
ctx.lineTo(131,238);
ctx.stroke();
ctx.closePath();
ctx.beginPath();
ctx.moveTo(131,238);
ctx.lineTo(132,238);
ctx.stroke();
ctx.closePath();
ctx.beginPath();
ctx.moveTo(132,238);
ctx.lineTo(133,238);
ctx.stroke();
ctx.closePath();
ctx.beginPath();
ctx.moveTo(133,238);
ctx.lineTo(133,239);
ctx.stroke();
ctx.closePath();
ctx.beginPath();
ctx.moveTo(133,239);
ctx.lineTo(135,241);
ctx.stroke();
ctx.closePath();
ctx.beginPath();
ctx.moveTo(135,241);
ctx.lineTo(137,244);
ctx.stroke();
ctx.closePath();
ctx.beginPath();
ctx.moveTo(137,244);
ctx.lineTo(138,249);
ctx.stroke();
ctx.closePath();
ctx.beginPath();
ctx.moveTo(138,249);
ctx.lineTo(139,253);
ctx.stroke();
ctx.closePath();
ctx.beginPath();
ctx.moveTo(139,253);
ctx.lineTo(139,258);
ctx.stroke();
ctx.closePath();
ctx.beginPath();
ctx.moveTo(139,258);
ctx.lineTo(139,264);
ctx.stroke();
ctx.closePath();
ctx.beginPath();
ctx.moveTo(139,264);
ctx.lineTo(137,268);
ctx.stroke();
ctx.closePath();
ctx.beginPath();
ctx.moveTo(137,268);
ctx.lineTo(132,272);
ctx.stroke();
ctx.closePath();
ctx.beginPath();
ctx.moveTo(132,272);
ctx.lineTo(127,276);
ctx.stroke();
ctx.closePath();
ctx.beginPath();
ctx.moveTo(127,276);
ctx.lineTo(126,277);
ctx.stroke();
ctx.closePath();
ctx.beginPath();
ctx.moveTo(126,277);
ctx.lineTo(125,277);
ctx.stroke();
ctx.closePath();
ctx.beginPath();
ctx.moveTo(125,277);
ctx.lineTo(124,276);
ctx.stroke();
ctx.closePath();
ctx.beginPath();
ctx.moveTo(124,276);
ctx.closePath();

ctx.beginPath();
ctx.moveTo(104,250);
ctx.lineTo(104,251);
ctx.stroke();
ctx.closePath();
ctx.beginPath();
ctx.moveTo(104,251);
ctx.lineTo(104,262);
ctx.stroke();
ctx.closePath();
ctx.beginPath();
ctx.moveTo(104,262);
ctx.lineTo(104,270);
ctx.stroke();
ctx.closePath();
ctx.beginPath();
ctx.moveTo(104,270);
ctx.lineTo(104,277);
ctx.stroke();
ctx.closePath();
ctx.beginPath();
ctx.moveTo(104,277);
ctx.lineTo(103,285);
ctx.stroke();
ctx.closePath();
ctx.beginPath();
ctx.moveTo(103,285);
ctx.lineTo(102,294);
ctx.stroke();
ctx.closePath();
ctx.beginPath();
ctx.moveTo(102,294);
ctx.lineTo(101,303);
ctx.stroke();
ctx.closePath();
ctx.beginPath();
ctx.moveTo(101,303);
ctx.lineTo(97,311);
ctx.stroke();
ctx.closePath();
ctx.beginPath();
ctx.moveTo(97,311);
ctx.lineTo(96,315);
ctx.stroke();
ctx.closePath();
ctx.beginPath();
ctx.moveTo(96,315);
ctx.lineTo(95,319);
ctx.stroke();
ctx.closePath();
ctx.beginPath();
ctx.moveTo(95,319);
ctx.lineTo(94,322);
ctx.stroke();
ctx.closePath();
ctx.beginPath();
ctx.moveTo(94,322);
ctx.lineTo(92,327);
ctx.stroke();
ctx.closePath();
ctx.beginPath();
ctx.moveTo(92,327);
ctx.lineTo(90,329);
ctx.stroke();
ctx.closePath();
ctx.beginPath();
ctx.moveTo(90,329);
ctx.lineTo(89,332);
ctx.stroke();
ctx.closePath();
ctx.beginPath();
ctx.moveTo(89,332);
ctx.lineTo(88,332);
ctx.stroke();
ctx.closePath();
ctx.beginPath();
ctx.moveTo(88,332);
ctx.lineTo(87,333);
ctx.stroke();
ctx.closePath();
ctx.beginPath();
ctx.moveTo(87,333);
ctx.lineTo(85,333);
ctx.stroke();
ctx.closePath();
ctx.beginPath();
ctx.moveTo(85,333);
ctx.lineTo(84,333);
ctx.stroke();
ctx.closePath();
ctx.beginPath();
ctx.moveTo(84,333);
ctx.lineTo(83,333);
ctx.stroke();
ctx.closePath();
ctx.beginPath();
ctx.moveTo(83,333);
ctx.lineTo(81,333);
ctx.stroke();
ctx.closePath();
ctx.beginPath();
ctx.moveTo(81,333);
ctx.lineTo(78,330);
ctx.stroke();
ctx.closePath();
ctx.beginPath();
ctx.moveTo(78,330);
ctx.lineTo(76,328);
ctx.stroke();
ctx.closePath();
ctx.beginPath();
ctx.moveTo(76,328);
ctx.closePath();

ctx.beginPath();
ctx.moveTo(67,292);
ctx.lineTo(67,293);
ctx.stroke();
ctx.closePath();
ctx.beginPath();
ctx.moveTo(67,293);
ctx.lineTo(63,299);
ctx.stroke();
ctx.closePath();
ctx.beginPath();
ctx.moveTo(63,299);
ctx.lineTo(54,308);
ctx.stroke();
ctx.closePath();
ctx.beginPath();
ctx.moveTo(54,308);
ctx.lineTo(42,315);
ctx.stroke();
ctx.closePath();
ctx.beginPath();
ctx.moveTo(42,315);
ctx.lineTo(34,321);
ctx.stroke();
ctx.closePath();
ctx.beginPath();
ctx.moveTo(34,321);
ctx.lineTo(31,322);
ctx.stroke();
ctx.closePath();
ctx.beginPath();
ctx.moveTo(31,322);
ctx.closePath();

ctx.beginPath();
ctx.moveTo(72,283);
ctx.lineTo(73,283);
ctx.stroke();
ctx.closePath();
ctx.beginPath();
ctx.moveTo(73,283);
ctx.lineTo(82,290);
ctx.stroke();
ctx.closePath();
ctx.beginPath();
ctx.moveTo(82,290);
ctx.lineTo(93,297);
ctx.stroke();
ctx.closePath();
ctx.beginPath();
ctx.moveTo(93,297);
ctx.lineTo(103,305);
ctx.stroke();
ctx.closePath();
ctx.beginPath();
ctx.moveTo(103,305);
ctx.lineTo(114,310);
ctx.stroke();
ctx.closePath();
ctx.beginPath();
ctx.moveTo(114,310);
ctx.lineTo(119,313);
ctx.stroke();
ctx.closePath();
ctx.beginPath();
ctx.moveTo(119,313);
ctx.lineTo(121,313);
ctx.stroke();
ctx.closePath();
ctx.beginPath();
ctx.moveTo(121,313);
ctx.closePath();

ctx.beginPath();
ctx.moveTo(199,227);
ctx.lineTo(199,228);
ctx.stroke();
ctx.closePath();
ctx.beginPath();
ctx.moveTo(199,228);
ctx.lineTo(197,243);
ctx.stroke();
ctx.closePath();
ctx.beginPath();
ctx.moveTo(197,243);
ctx.lineTo(195,262);
ctx.stroke();
ctx.closePath();
ctx.beginPath();
ctx.moveTo(195,262);
ctx.lineTo(195,273);
ctx.stroke();
ctx.closePath();
ctx.beginPath();
ctx.moveTo(195,273);
ctx.lineTo(200,281);
ctx.stroke();
ctx.closePath();
ctx.beginPath();
ctx.moveTo(200,281);
ctx.lineTo(206,288);
ctx.stroke();
ctx.closePath();
ctx.beginPath();
ctx.moveTo(206,288);
ctx.lineTo(211,293);
ctx.stroke();
ctx.closePath();
ctx.beginPath();
ctx.moveTo(211,293);
ctx.lineTo(217,295);
ctx.stroke();
ctx.closePath();
ctx.beginPath();
ctx.moveTo(217,295);
ctx.lineTo(225,297);
ctx.stroke();
ctx.closePath();
ctx.beginPath();
ctx.moveTo(225,297);
ctx.lineTo(234,299);
ctx.stroke();
ctx.closePath();
ctx.beginPath();
ctx.moveTo(234,299);
ctx.lineTo(238,300);
ctx.stroke();
ctx.closePath();
ctx.beginPath();
ctx.moveTo(238,300);
ctx.lineTo(239,300);
ctx.stroke();
ctx.closePath();
ctx.beginPath();
ctx.moveTo(239,300);
ctx.closePath();

ctx.beginPath();
ctx.moveTo(216,255);
ctx.lineTo(216,256);
ctx.stroke();
ctx.closePath();
ctx.beginPath();
ctx.moveTo(216,256);
ctx.lineTo(216,264);
ctx.stroke();
ctx.closePath();
ctx.beginPath();
ctx.moveTo(216,264);
ctx.lineTo(216,270);
ctx.stroke();
ctx.closePath();
ctx.beginPath();
ctx.moveTo(216,270);
ctx.lineTo(214,278);
ctx.stroke();
ctx.closePath();
ctx.beginPath();
ctx.moveTo(214,278);
ctx.lineTo(208,291);
ctx.stroke();
ctx.closePath();
ctx.beginPath();
ctx.moveTo(208,291);
ctx.lineTo(200,300);
ctx.stroke();
ctx.closePath();
ctx.beginPath();
ctx.moveTo(200,300);
ctx.lineTo(190,305);
ctx.stroke();
ctx.closePath();
ctx.beginPath();
ctx.moveTo(190,305);
ctx.lineTo(180,310);
ctx.stroke();
ctx.closePath();
ctx.beginPath();
ctx.moveTo(180,310);
ctx.lineTo(171,312);
ctx.stroke();
ctx.closePath();
ctx.beginPath();
ctx.moveTo(171,312);
ctx.lineTo(167,313);
ctx.stroke();
ctx.closePath();
ctx.beginPath();
ctx.moveTo(167,313);
ctx.lineTo(165,313);
ctx.stroke();
ctx.closePath();
ctx.beginPath();
ctx.moveTo(165,313);
ctx.closePath();

ctx.beginPath();
ctx.moveTo(147,280);
ctx.lineTo(149,280);
ctx.stroke();
ctx.closePath();
ctx.beginPath();
ctx.moveTo(149,280);
ctx.lineTo(163,277);
ctx.stroke();
ctx.closePath();
ctx.beginPath();
ctx.moveTo(163,277);
ctx.lineTo(186,269);
ctx.stroke();
ctx.closePath();
ctx.beginPath();
ctx.moveTo(186,269);
ctx.lineTo(207,261);
ctx.stroke();
ctx.closePath();
ctx.beginPath();
ctx.moveTo(207,261);
ctx.lineTo(230,252);
ctx.stroke();
ctx.closePath();
ctx.beginPath();
ctx.moveTo(230,252);
ctx.lineTo(246,248);
ctx.stroke();
ctx.closePath();
ctx.beginPath();
ctx.moveTo(246,248);
ctx.lineTo(248,247);
ctx.stroke();
ctx.closePath();
ctx.beginPath();
ctx.moveTo(248,247);
ctx.closePath();

ctx.beginPath();
ctx.moveTo(248,220);
ctx.lineTo(249,220);
ctx.stroke();
ctx.closePath();
ctx.beginPath();
ctx.moveTo(249,220);
ctx.lineTo(263,226);
ctx.stroke();
ctx.closePath();
ctx.beginPath();
ctx.moveTo(263,226);
ctx.lineTo(272,230);
ctx.stroke();
ctx.closePath();
ctx.beginPath();
ctx.moveTo(272,230);
ctx.lineTo(281,233);
ctx.stroke();
ctx.closePath();
ctx.beginPath();
ctx.moveTo(281,233);
ctx.lineTo(282,234);
ctx.stroke();
ctx.closePath();
ctx.beginPath();
ctx.moveTo(282,234);
ctx.lineTo(282,235);
ctx.stroke();
ctx.closePath();
ctx.beginPath();
ctx.moveTo(282,235);
ctx.lineTo(277,240);
ctx.stroke();
ctx.closePath();
ctx.beginPath();
ctx.moveTo(277,240);
ctx.lineTo(266,247);
ctx.stroke();
ctx.closePath();
ctx.beginPath();
ctx.moveTo(266,247);
ctx.lineTo(262,250);
ctx.stroke();
ctx.closePath();
ctx.beginPath();
ctx.moveTo(262,250);
ctx.lineTo(262,251);
ctx.stroke();
ctx.closePath();
ctx.beginPath();
ctx.moveTo(262,251);
ctx.lineTo(268,257);
ctx.stroke();
ctx.closePath();
ctx.beginPath();
ctx.moveTo(268,257);
ctx.lineTo(276,265);
ctx.stroke();
ctx.closePath();
ctx.beginPath();
ctx.moveTo(276,265);
ctx.lineTo(289,278);
ctx.stroke();
ctx.closePath();
ctx.beginPath();
ctx.moveTo(289,278);
ctx.lineTo(305,298);
ctx.stroke();
ctx.closePath();
ctx.beginPath();
ctx.moveTo(305,298);
ctx.lineTo(311,310);
ctx.stroke();
ctx.closePath();
ctx.beginPath();
ctx.moveTo(311,310);
ctx.lineTo(312,312);
ctx.stroke();
ctx.closePath();
ctx.beginPath();
ctx.moveTo(312,312);
ctx.lineTo(308,313);
ctx.stroke();
ctx.closePath();
ctx.beginPath();
ctx.moveTo(308,313);
ctx.lineTo(297,317);
ctx.stroke();
ctx.closePath();
ctx.beginPath();
ctx.moveTo(297,317);
ctx.lineTo(279,319);
ctx.stroke();
ctx.closePath();
ctx.beginPath();
ctx.moveTo(279,319);
ctx.lineTo(273,320);
ctx.stroke();
ctx.closePath();
ctx.beginPath();
ctx.moveTo(273,320);
ctx.lineTo(272,320);
ctx.stroke();
ctx.closePath();
ctx.beginPath();
ctx.moveTo(272,320);
ctx.lineTo(271,320);
ctx.stroke();
ctx.closePath();
ctx.beginPath();
ctx.moveTo(271,320);
ctx.closePath();

ctx.beginPath();
ctx.moveTo(243,288);
ctx.lineTo(244,288);
ctx.stroke();
ctx.closePath();
ctx.beginPath();
ctx.moveTo(244,288);
ctx.lineTo(282,275);
ctx.stroke();
ctx.closePath();
ctx.beginPath();
ctx.moveTo(282,275);
ctx.lineTo(307,269);
ctx.stroke();
ctx.closePath();
ctx.beginPath();
ctx.moveTo(307,269);
ctx.lineTo(325,263);
ctx.stroke();
ctx.closePath();
ctx.beginPath();
ctx.moveTo(325,263);
ctx.lineTo(334,261);
ctx.stroke();
ctx.closePath();
ctx.beginPath();
ctx.moveTo(334,261);
ctx.lineTo(337,259);
ctx.stroke();
ctx.closePath();
ctx.beginPath();
ctx.moveTo(337,259);
ctx.closePath();

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';
$('#test1')[0].setAttribute('width',img.width+'px');
$('#test1')[0].setAttribute('height',img.height+'px');
draw();
canvas = document.getElementById('test1');
ctx=canvas.getContext('2d');