{"id":68,"date":"2021-05-17T09:41:22","date_gmt":"2021-05-17T07:41:22","guid":{"rendered":"https:\/\/merkulova.thkit.ee\/wp20\/ru\/?page_id=68"},"modified":"2021-05-17T09:45:11","modified_gmt":"2021-05-17T07:45:11","slug":"js-%d0%bb%d0%b5%d0%b3%d0%be-%d1%87%d0%b5%d0%bb%d0%be%d0%b2%d0%b5%d0%ba","status":"publish","type":"page","link":"https:\/\/merkulova.thkit.ee\/wp20\/ru\/js-%d0%bb%d0%b5%d0%b3%d0%be-%d1%87%d0%b5%d0%bb%d0%be%d0%b2%d0%b5%d0%ba\/","title":{"rendered":"JS. \u041b\u0435\u0433\u043e-\u0447\u0435\u043b\u043e\u0432\u0435\u043a"},"content":{"rendered":"\n<input type=\"button\" value=\"All\" onclick=\"joonistaAll()\">\t\n\t\t<input type=\"button\" value=\"Kustuta\" onclick=\"kustuta()\">\n\t\t<br>\n\t\t<canvas id=\"tahvel\" width=\"610\" height=\"600\" style=\"background-color:black\"><\/canvas>\n\t\t<br>\n\t\t<input type=\"button\" value=\"Hat\" onclick=\"joonistaHat()\">\n\t\t<input type=\"button\" value=\"Head\" onclick=\"joonistaHead()\">\n\t\t<input type=\"button\" value=\"Body\" onclick=\"joonistaBody()\">\n\t\t<input type=\"button\" value=\"Legs\" onclick=\"joonistaLegs()\">\n\t\t<input type=\"button\" value=\"Decoration\" onclick=\"joonistaDecoration()\">\n\n\n\n<script type=\"text\/javascript\">\nfunction kustuta() {\n\tvar t=document.getElementById(\"tahvel\").getContext(\"2d\");\n\tt.clearRect(0,0,650,650); \/\/x,y,laius,korgus\n}\nfunction joonistaHat(){\n\tvar t=document.getElementById(\"tahvel\").getContext(\"2d\");\n\t\/\/ 1.joon\n\tt.beginPath(); \n\tt.lineWidth=\"3\";\n\tt.strokeStyle=\"#0073e6\";\n\tt.fillStyle=\"#008ae6\";\n\tt.moveTo(333,205); \/\/alus-punkt\n\tt.lineTo(315,198);\n\tt.lineTo(295,192);\n\tt.lineTo(278,181);\n\tt.lineTo(271,162);\n\tt.lineTo(285,139);\n\tt.lineTo(332,120);\n\tt.lineTo(386,21);\n\tt.lineTo(420,4);\n\tt.lineTo(449,18);\n\tt.lineTo(492,111);\n\tt.lineTo(558,148);\n\tt.lineTo(562,174);\n\tt.lineTo(548,188);\n\tt.lineTo(531,196); \n\tt.lineTo(498,206);\n\tt.lineTo(486,175);\n\tt.lineTo(478,163);\n\tt.lineTo(444,153);\n\tt.lineTo(397,151);\n\tt.lineTo(368,157);\n\tt.lineTo(352,163);\n\tt.lineTo(347,172);\n\tt.lineTo(333,203);\/\/lopp-punkt\n\tt.fill();\n\tt.stroke();\n\t\n\tt.beginPath(); \n\tt.lineWidth=\"3\";\n\tt.strokeStyle=\"#0073e6\";\n\tt.moveTo(274,171);\n\tt.lineTo(299,145);\n\tt.lineTo(335,135);\n\tt.lineTo(378,129);\n\tt.lineTo(412,128);\n\tt.lineTo(455,132);\n\tt.lineTo(491,138);\n\tt.lineTo(523,145);\n\tt.lineTo(551,158);\n\tt.lineTo(562,169);\n\tt.stroke();\n\t\n\tt.beginPath(); \n\tt.lineWidth=\"3\";\n\tt.strokeStyle=\"#0073e6\";\n\tt.moveTo(315,127);\n\tt.lineTo(333,122);\n\tt.lineTo(361,117);\n\tt.lineTo(415,114);\n\tt.lineTo(443,116);\n\tt.lineTo(468,118);\n\tt.lineTo(503,124);\n\tt.lineTo(535,134);\n\tt.stroke();\n\t\n}\nfunction joonistaHead(){\n\tvar t=document.getElementById(\"tahvel\").getContext(\"2d\");\n\t\t\/\/ \u0630\u2018\u0630\u00be\u0631\u20ac\u0630\u00be\u0630\u00b4\u0630\u00b0\n\tt.beginPath();\n\tt.lineWidth=\"4\";\n\tt.strokeStyle=\"darkgrey\";\n\tt.fillStyle=\"#d9d9d9\";\n\tt.moveTo(343,174); \/\/alus-punkt\n\tt.lineTo(329,246);\n\tt.lineTo(350,256);\n\tt.lineTo(353,287);\n\tt.lineTo(365,293);\n\tt.lineTo(361,333);\n\tt.lineTo(378,344);\n\tt.lineTo(362,410);\n\tt.lineTo(413,395);\n\tt.lineTo(466,415);\n\tt.lineTo(459,340);\n\tt.lineTo(472,333);\n\tt.lineTo(467,294);\n\tt.lineTo(478,288);\n\tt.lineTo(483,255);\n\tt.lineTo(501,239);\n\tt.lineTo(489,176);\n\tt.lineTo(485,174);\n\tt.lineTo(481,180);\n\tt.lineTo(480,210);\n\tt.lineTo(475,220);\n\tt.lineTo(457,203);\n\tt.lineTo(441,193);\n\tt.lineTo(427,192);\n\tt.lineTo(396,192);\n\tt.lineTo(377,200);\n\tt.lineTo(358,220);\n\tt.lineTo(348,180);\n\tt.lineTo(344,176);\n\tt.fill();\n\tt.stroke();\n\t\n\tt.beginPath();\n\tt.lineWidth=\"2\";\n\tt.strokeStyle=\"#bfbfbf\";\n\tt.moveTo(412,273); \/\/alus-punkt\n\tt.lineTo(408,331);\n\tt.lineTo(409,378);\n\tt.moveTo(366,261);\n\tt.lineTo(393,237);\n\tt.lineTo(415,230);\n\tt.lineTo(450,246);\n\tt.lineTo(469,267);\n\tt.moveTo(384,308);\n\tt.lineTo(399,270);\n\tt.moveTo(429,271);\n\tt.lineTo(448,312);\n\tt.stroke();\n\t\n\t\/\/ \u0630\u203a\u0630\u00b8\u0631\u2020\u0630\u00be\n\tt.beginPath();\n\tt.lineWidth=\"3\";\n\tt.strokeStyle=\"#ffcc66\";\n\tt.fillStyle=\"#ffcc66\";\n\tt.moveTo(350,168); \/\/alus-punkt\n\tt.lineTo(359,212);\n\tt.lineTo(389,190);\n\tt.lineTo(441,190);\n\tt.lineTo(476,215);\n\tt.lineTo(479,172);\n\tt.lineTo(480,169);\n\tt.lineTo(474,166);\n\tt.lineTo(424,155);\n\tt.lineTo(396,156);\n\tt.lineTo(367,160);\n\tt.lineTo(350,170);\n\tt.fill();\n\tt.stroke();\n\t\n\t\/\/ \u0630\u2018\u0631\u20ac\u0630\u00be\u0630\u00b2\u0630\u00b8\n\tt.beginPath();\n\tt.lineWidth=\"2\";\n\tt.strokeStyle=\"#darkgrey\";\n\tt.fillStyle=\"#8c8c8c\";\n\tt.moveTo(373,165); \/\/alus-punkt\n\tt.lineTo(381,161);\n\tt.lineTo(390,161);\n\tt.lineTo(403,165);\n\tt.lineTo(412,167);\n\tt.lineTo(424,167);\n\tt.lineTo(436,162);\n\tt.lineTo(448,162);\n\tt.lineTo(458,167);\n\tt.lineTo(457,159);\n\tt.lineTo(446,156);\n\tt.lineTo(436,154);\n\tt.lineTo(422,162);\n\tt.lineTo(408,162);\n\tt.lineTo(394,154);\n\tt.lineTo(379,155);\n\tt.lineTo(372,160);\n\tt.fill();\n\tt.stroke();\n\t\n\tt.beginPath();\n\tt.lineWidth=\"3\";\n\tt.strokeStyle=\"#bfbfbf\";\n\tt.moveTo(374,159); \/\/alus-punkt\n\tt.lineTo(386,155);\n\tt.lineTo(399,159);\n\tt.lineTo(404,161);\n\tt.lineTo(410,163);\n\tt.stroke();\n\t\n\tt.beginPath();\n\tt.lineWidth=\"3\";\n\tt.strokeStyle=\"#bfbfbf\";\n\tt.moveTo(420,164); \/\/alus-punkt\n\tt.lineTo(428,160);\n\tt.lineTo(436,154);\n\tt.lineTo(448,157);\n\tt.lineTo(457,161);\n\tt.stroke();\n\t\n\t\/\/ \u0630\u201c\u0630\u00bb\u0630\u00b0\u0630\u00b7 1\n\tt.beginPath();\n\tt.fillStyle=\"black\";\n\tt.arc(397,173,7,0,2*Math.PI, true); \/\/x,y, keskpunkt, R\n\tt.fill();\n\t\n\tt.beginPath();\n\tt.fillStyle=\"white\";\n\tt.arc(399,172,3,0,2*Math.PI, true); \/\/x,y, keskpunkt, R\n\tt.fill();\n\t\n\t\/\/ \u0630\u201c\u0630\u00bb\u0630\u00b0\u0630\u00b7 2\n\tt.beginPath();\n\tt.fillStyle=\"black\";\n\tt.arc(431,173,7,0,2*Math.PI, true); \/\/x,y, keskpunkt, R\n\tt.fill();\n\t\n\tt.beginPath();\n\tt.fillStyle=\"white\";\n\tt.arc(433,172,3,0,2*Math.PI, true); \/\/x,y, keskpunkt, R\n\tt.fill();\n\t\n}\nfunction joonistaBody(){\n\tvar t=document.getElementById(\"tahvel\").getContext(\"2d\");\n\tt.beginPath();\n\tt.lineWidth=\"3\";\n\tt.strokeStyle=\"#0066ff\";\n\tt.fillStyle=\"#3385ff\";\n\tt.moveTo(313,423); \/\/alus-punkt\n\tt.lineTo(515,424);\n\tt.lineTo(515,411);\n\tt.lineTo(485,262);\n\tt.lineTo(482,278);\n\tt.lineTo(478,289);\n\tt.lineTo(469,295);\n\tt.lineTo(473,336);\n\tt.lineTo(460,344);\n\tt.lineTo(460,361);\n\tt.lineTo(468,417);\n\tt.lineTo(416,396);\n\tt.lineTo(359,414);\n\tt.lineTo(375,345);\n\tt.lineTo(359,336);\n\tt.lineTo(363,295);\n\tt.lineTo(353,290);\n\tt.lineTo(348,258);\n\tt.lineTo(344,258);\n\tt.lineTo(314,410);\n\tt.lineTo(314,422);\n\tt.fill();\n\tt.stroke();\n\t\n\t\/\/ \u0630\u00bb\u0630\u00b5\u0630\u00b2\u0630\u00b0\u0631\u0688 \u0631\u20ac\u0631\u0192\u0630\u061b\u0630\u00b0 1\n\tt.beginPath();\n\tt.lineWidth=\"3\";\n\tt.strokeStyle=\"#0066ff\";\n\tt.fillStyle=\"#3385ff\";\n\tt.moveTo(339,270); \/\/alus-punkt\n\tt.lineTo(324,270);\n\tt.lineTo(313,275);\n\tt.lineTo(307,281);\n\tt.lineTo(276,336);\n\tt.lineTo(262,398);\n\tt.lineTo(269,404);\n\tt.lineTo(272,399);\n\tt.lineTo(288,399);\n\tt.lineTo(304,404);\n\tt.lineTo(305,412);\n\tt.lineTo(311,410);\n\tt.lineTo(315,381);\n\tt.lineTo(318,360);\n\tt.lineTo(325,341);\n\tt.lineTo(334,294);\n\tt.lineTo(339,270);\n\tt.fill();\n\tt.stroke();\n\t\n\t\/\/ \u0630\u00bb\u0630\u00b5\u0630\u00b2\u0630\u00b0\u0631\u0688 \u0631\u20ac\u0631\u0192\u0630\u061b\u0630\u00b0 2\n\tt.beginPath();\n\tt.lineWidth=\"3\";\n\tt.strokeStyle=\"#ffcc66\";\n\tt.fillStyle=\"#ffcc66\";\n\tt.moveTo(273,400); \/\/alus-punkt\n\tt.lineTo(266,426);\n\tt.lineTo(255,433);\n\tt.lineTo(248,442);\n\tt.lineTo(244,452);\n\tt.lineTo(245,464);\n\tt.lineTo(253,478);\n\tt.lineTo(258,465);\n\tt.lineTo(257,454);\n\tt.lineTo(263,443);\n\tt.lineTo(274,438);\n\tt.lineTo(287,439);\n\tt.lineTo(295,447);\n\tt.lineTo(299,456);\n\tt.lineTo(298,462);\n\tt.lineTo(292,470);\n\tt.lineTo(289,485);\n\tt.lineTo(302,479);\n\tt.lineTo(308,467);\n\tt.lineTo(309,452);\n\tt.lineTo(304,440);\n\tt.lineTo(298,434);\n\tt.lineTo(303,407);\n\tt.lineTo(289,401);\n\tt.lineTo(275,402);\n\tt.fill();\n\tt.stroke();\n\t\n\t\/\/ \u0630\u061f\u0631\u20ac\u0630\u00b0\u0630\u00b2\u0630\u00b0\u0631\u0688 \u0631\u20ac\u0631\u0192\u0630\u061b\u0630\u00b0 1\n\tt.beginPath();\n\tt.lineWidth=\"3\";\n\tt.strokeStyle=\"#0066ff\";\n\tt.fillStyle=\"#3385ff\";\n\tt.moveTo(488,273); \/\/alus-punkt\n\tt.lineTo(505,273);\n\tt.lineTo(517,279);\n\tt.lineTo(548,331);\n\tt.lineTo(554,345);\n\tt.lineTo(565,402);\n\tt.lineTo(559,406);\n\tt.lineTo(541,401);\n\tt.lineTo(525,407);\n\tt.lineTo(523,413);\n\tt.lineTo(519,413);\n\tt.lineTo(511,358);\n\tt.lineTo(497,310);\n\tt.lineTo(488,273);\n\tt.fill();\n\tt.stroke();\n\t\n\t\/\/ \u0630\u061f\u0631\u20ac\u0630\u00b0\u0630\u00b2\u0630\u00b0\u0631\u0688 \u0631\u20ac\u0631\u0192\u0630\u061b\u0630\u00b0 2\n\tt.beginPath();\n\tt.lineWidth=\"3\";\n\tt.strokeStyle=\"#ffcc66\";\n\tt.fillStyle=\"#ffcc66\";\n\tt.moveTo(525,410); \/\/alus-punkt\n\tt.lineTo(528,427);\n\tt.lineTo(519,436);\n\tt.lineTo(514,448);\n\tt.lineTo(515,459);\n\tt.lineTo(519,468);\n\tt.lineTo(528,478);\n\tt.lineTo(538,480);\n\tt.lineTo(537,466);\n\tt.lineTo(532,456);\n\tt.lineTo(533,445);\n\tt.lineTo(543,435);\n\tt.lineTo(556,434);\n\tt.lineTo(566,438);\n\tt.lineTo(573,448);\n\tt.lineTo(569,462);\n\tt.lineTo(573,475);\n\tt.lineTo(583,464);\n\tt.lineTo(585,450);\n\tt.lineTo(581,438);\n\tt.lineTo(570,425);\n\tt.lineTo(559,420);\n\tt.lineTo(558,405);\n\tt.lineTo(551,403);\n\tt.lineTo(541,404);\n\tt.lineTo(525,410);\n\tt.fill();\n\tt.stroke();\n}\nfunction joonistaLegs(){\n\tvar t=document.getElementById(\"tahvel\").getContext(\"2d\");\n\t\/\/ \u0630\u00bd\u0630\u00be\u0630\u00b3\u0630\u00b8 \u0630\u00be\u0631\u067e\u0630\u00bd\u0630\u00be\u0630\u00b2\u0630\u00b0\n\tt.beginPath();\n\tt.lineWidth=\"3\";\n\tt.strokeStyle=\"#0066ff\";\n\tt.fillStyle=\"#007a99\";\n\tt.moveTo(324,427); \/\/alus-punkt\n\tt.lineTo(324,454);\n\tt.lineTo(404,454);\n\tt.lineTo(404,527);\n\tt.lineTo(424,527);\n\tt.lineTo(426,454);\n\tt.lineTo(507,454);\n\tt.lineTo(507,428);\n\tt.lineTo(324,427);\n\tt.fill();\n\tt.stroke();\n\t\n\t\/\/ \u0630\u00bb\u0630\u00b5\u0630\u00b2\u0630\u00b0\u0631\u0688 \u0630\u00bd\u0630\u00be\u0630\u00b3\u0630\u00b0\n\tt.beginPath();\n\tt.lineWidth=\"3\";\n\tt.strokeStyle=\"#0066ff\";\n\tt.fillStyle=\"#007399\";\n\tt.moveTo(323,457); \/\/alus-punkt\n\tt.lineTo(316,626);\n\tt.lineTo(402,625);\n\tt.lineTo(402,456);\n\tt.lineTo(323,457);\n\tt.fill();\n\tt.stroke();\n\t\n\tt.beginPath();\n\tt.lineWidth=\"3\";\n\tt.strokeStyle=\"#0066ff\";\n\tt.moveTo(317,596);\n\tt.lineTo(402,596);\n\tt.stroke();\n\t\n\t\/\/ \u0630\u061f\u0631\u20ac\u0630\u00b0\u0630\u00b2\u0630\u00b0\u0631\u0688 \u0630\u00bd\u0630\u00be\u0630\u00b3\u0630\u00b0\n\tt.beginPath();\n\tt.lineWidth=\"3\";\n\tt.strokeStyle=\"#0066ff\";\n\tt.fillStyle=\"#007399\";\n\tt.moveTo(428,457); \/\/alus-punkt\n\tt.lineTo(428,625);\n\tt.lineTo(510,625);\n\tt.lineTo(506,457);\n\tt.lineTo(428,457);\n\tt.fill();\n\tt.stroke();\n\t\n\tt.beginPath();\n\tt.lineWidth=\"3\";\n\tt.strokeStyle=\"#0066ff\";\n\tt.moveTo(429,596);\n\tt.lineTo(510,596);\n\tt.stroke();\n\t\n}\n function joonistaDecoration(){\n\t var t=document.getElementById(\"tahvel\").getContext(\"2d\");\n\t\/\/ \u0631\u20ac\u0630\u00b5\u0630\u00bc\u0630\u00b5\u0630\u00bd\u0631\u0152 \u0630\u00bd\u0630\u00b0 \u0631\u02c6\u0631\u201a\u0630\u00b0\u0630\u00bd\u0630\u00b0\u0631\u2026\n\tt.beginPath();\n\tt.lineWidth=\"3\";\n\tt.strokeStyle=\"black\";\n\tt.fillStyle=\"#86592d\";\n\tt.moveTo(327,433); \/\/alus-punkt\n\tt.lineTo(327,451);\n\tt.lineTo(504,451);\n\tt.lineTo(505,433);\n\tt.lineTo(327,433);\n\tt.fill();\n\tt.stroke();\n\t\n\tt.beginPath();\n\tt.lineWidth=\"3\";\n\tt.fillStyle=\"darkgrey\";\n\tt.strokeStyle=\"black\";\n\tt.moveTo(400,433); \/\/alus-punkt\n\tt.lineTo(400,451);\n\tt.lineTo(432,451);\n\tt.lineTo(432,433);\n\tt.lineTo(400,433);\n\tt.fill();\n\tt.stroke();\n\t\n\tt.beginPath();\n\tt.lineWidth=\"3\";\n\tt.fillStyle=\"black\";\n\tt.strokeStyle=\"black\";\n\tt.moveTo(407,441); \/\/alus-punkt\n\tt.lineTo(425,441);\n\tt.fill();\n\tt.stroke();\n\t\n\tt.beginPath();\n\tt.lineWidth=\"3\";\n\tt.fillStyle=\"black\";\n\tt.moveTo(344,433); \/\/alus-punkt\n\tt.lineTo(344,451);\n\tt.moveTo(377,433); \n\tt.lineTo(377,451);\n\tt.moveTo(455,433); \n\tt.lineTo(455,451);\n\tt.moveTo(489,433); \n\tt.lineTo(489,451);\n\tt.stroke();\n\t\n\t\/\/ \u0631\u067e\u0631\u0192\u0630\u00bc\u0630\u061b\u0630\u00b0\n\tt.beginPath();\n\tt.lineWidth=\"4\";\n\tt.strokeStyle=\"black\";\n\tt.fillStyle=\"#86592d\";\n\tt.moveTo(333,454); \/\/alus-punkt\n\tt.lineTo(342,484);\n\tt.lineTo(336,489);\n\tt.lineTo(334,502);\n\tt.lineTo(337,503);\n\tt.lineTo(336,512);\n\tt.lineTo(345,516);\n\tt.lineTo(359,516);\n\tt.lineTo(370,511);\n\tt.lineTo(369,503);\n\tt.lineTo(372,500);\n\tt.lineTo(372,490);\n\tt.lineTo(365,484);\n\tt.lineTo(374,453);\n\tt.lineTo(364,453);\n\tt.lineTo(353,479);\n\tt.lineTo(342,454);\n\tt.lineTo(333,454);\n\tt.fill();\n\tt.stroke();\n\t\n\tt.beginPath();\n\tt.lineWidth=\"4\";\n\tt.strokeStyle=\"black\";\n\tt.moveTo(342,484); \/\/alus-punkt\n\tt.lineTo(352,487);\n\tt.lineTo(365,484);\n\tt.stroke();\n\t\n\tt.beginPath();\n\tt.lineWidth=\"4\";\n\tt.strokeStyle=\"black\";\n\tt.moveTo(337,502); \/\/alus-punkt\n\tt.lineTo(345,508);\n\tt.lineTo(359,508);\n\tt.lineTo(370,502);\n\tt.stroke();\n\t\n\tt.beginPath();\n\tt.strokeStyle=\"black\";\n\tt.fillStyle=\"darkgrey\";\n\tt.arc(352,500,3,0,2*Math.PI, true); \/\/x,y, keskpunkt, R\n\tt.fill();\n\tt.stroke();\n\t\n\t\/\/ \u0631\u20ac\u0630\u00b5\u0630\u00bc\u0630\u00b5\u0630\u00bd\u0631\u0152 \u0630\u00bd\u0630\u00b0 \u0631\u02c6\u0630\u00bb\u0631\u0688\u0630\u061f\u0630\u00b5\n\t\n\tt.beginPath();\n\tt.lineWidth=\"3\";\n\tt.strokeStyle=\"black\";\n\tt.fillStyle=\"#004466\";\n\tt.moveTo(365,106); \/\/alus-punkt\n\tt.lineTo(362,114);\n\tt.lineTo(390,112);\n\tt.lineTo(390,102);\n\tt.lineTo(365,106);\n\tt.fill();\n\tt.stroke();\n\t\n\tt.beginPath();\n\tt.lineWidth=\"3\";\n\tt.strokeStyle=\"black\";\n\tt.fillStyle=\"#004466\";\n\tt.moveTo(439,101); \/\/alus-punkt\n\tt.lineTo(439,112);\n\tt.lineTo(467,115);\n\tt.lineTo(465,106);\n\tt.lineTo(439,101);\n\tt.fill();\n\tt.stroke();\n\t\n\t\t\t\/\/ \u0630\u061f\u0631\u20ac\u0631\u0688\u0630\u00b6\u0630\u061b\u0630\u00b0\n\tt.beginPath();\n\tt.lineWidth=\"4\";\n\tt.strokeStyle=\"#cccccc\";\n\tt.moveTo(392,96); \/\/alus-punkt\n\tt.lineTo(392,112);\n\tt.lineTo(397,112);\n\tt.lineTo(404,109);\n\tt.lineTo(416,107);\n\tt.lineTo(427,108);\n\tt.lineTo(435,113);\n\tt.lineTo(436,96);\n\tt.lineTo(431,92);\n\tt.lineTo(392,96);\n\tt.stroke();\n\t\n\tt.beginPath();\n\tt.lineWidth=\"4\";\n\tt.strokeStyle=\"#cccccc\";\n\tt.moveTo(394,97); \/\/alus-punkt\n\tt.lineTo(403,95);\n\tt.lineTo(430,95);\n\tt.lineTo(430,107);\n\tt.lineTo(432,108);\n\tt.lineTo(432,96);\n\tt.stroke();\n\t\n\tt.beginPath();\n\tt.lineWidth=\"4\";\n\tt.strokeStyle=\"#004466\";\n\tt.fillStyle=\"#004466\";\n\tt.moveTo(402,99); \/\/alus-punkt\n\tt.lineTo(402,103);\n\tt.lineTo(426,103);\n\tt.lineTo(426,99);\n\tt.lineTo(402,99);\n\tt.fill();\n\tt.stroke();\n\t\n\tt.beginPath();\n\tt.lineWidth=\"4\";\n\tt.strokeStyle=\"#006699\";\n\tt.moveTo(398,98); \/\/alus-punkt\n\tt.lineTo(398,107);\n\tt.lineTo(415,105);\n\tt.lineTo(428,105);\n\tt.stroke();\n\t\n\t\/\/ \u0630\u00b7\u0630\u00b2\u0630\u00b5\u0630\u00b7\u0630\u00b4\u0630\u00b0 1 \n\tt.beginPath();\n\tt.lineWidth=\"4\";\n\tt.strokeStyle=\"#cccccc\";\n\tt.fillStyle=\"#cccccc\";\n\tt.moveTo(418,51); \/\/alus-punkt\n\tt.lineTo(426,57);\n\tt.lineTo(420,64);\n\tt.lineTo(433,64);\n\tt.lineTo(444,72);\n\tt.lineTo(443,64);\n\tt.lineTo(454,63);\n\tt.lineTo(441,56);\n\tt.lineTo(441,48);\n\tt.lineTo(433,53);\n\tt.lineTo(418,51);\n\tt.fill();\n\tt.stroke();\n\t\n\t\/\/ \u0630\u00b7\u0630\u00b2\u0630\u00b5\u0630\u00b7\u0630\u00b4\u0630\u00b0 2 \n\tt.beginPath();\n\tt.lineWidth=\"4\";\n\tt.strokeStyle=\"#cccccc\";\n\tt.fillStyle=\"#cccccc\";\n\tt.moveTo(370,76); \/\/alus-punkt\n\tt.lineTo(380,76);\n\tt.lineTo(378,84);\n\tt.lineTo(387,74);\n\tt.lineTo(400,75);\n\tt.lineTo(394,68);\n\tt.lineTo(403,60);\n\tt.lineTo(390,63);\n\tt.lineTo(384,57);\n\tt.lineTo(382,68);\n\tt.lineTo(371,76);\n\tt.fill();\n\tt.stroke();\n\t\n\t\/\/ \u0630\u00b7\u0630\u00b2\u0630\u00b5\u0630\u00b7\u0630\u00b4\u0630\u00b0 3\n\tt.beginPath();\n\tt.lineWidth=\"4\";\n\tt.strokeStyle=\"#cccccc\";\n\tt.fillStyle=\"#cccccc\";\n\tt.moveTo(393,38); \/\/alus-punkt\n\tt.lineTo(399,39);\n\tt.lineTo(398,45);\n\tt.lineTo(406,39);\n\tt.lineTo(415,42);\n\tt.lineTo(411,37);\n\tt.lineTo(418,33);\n\tt.lineTo(408,33);\n\tt.lineTo(404,29);\n\tt.lineTo(401,34);\n\tt.lineTo(393,38);\n\tt.fill();\n\tt.stroke();\n\t\n }\nfunction joonistaAll(){\n\tvar t=document.getElementById(\"tahvel\").getContext(\"2d\");\n\t\n\t\/\/ 1.joon\n\tt.beginPath(); \n\tt.lineWidth=\"3\";\n\tt.strokeStyle=\"#0073e6\";\n\tt.fillStyle=\"#008ae6\";\n\tt.moveTo(333,205); \/\/alus-punkt\n\tt.lineTo(315,198);\n\tt.lineTo(295,192);\n\tt.lineTo(278,181);\n\tt.lineTo(271,162);\n\tt.lineTo(285,139);\n\tt.lineTo(332,120);\n\tt.lineTo(386,21);\n\tt.lineTo(420,4);\n\tt.lineTo(449,18);\n\tt.lineTo(492,111);\n\tt.lineTo(558,148);\n\tt.lineTo(562,174);\n\tt.lineTo(548,188);\n\tt.lineTo(531,196); \n\tt.lineTo(498,206);\n\tt.lineTo(486,175);\n\tt.lineTo(478,163);\n\tt.lineTo(444,153);\n\tt.lineTo(397,151);\n\tt.lineTo(368,157);\n\tt.lineTo(352,163);\n\tt.lineTo(347,172);\n\tt.lineTo(333,203);\/\/lopp-punkt\n\tt.fill();\n\tt.stroke();\n\t\n\tt.beginPath(); \n\tt.lineWidth=\"3\";\n\tt.strokeStyle=\"#0073e6\";\n\tt.moveTo(274,171);\n\tt.lineTo(299,145);\n\tt.lineTo(335,135);\n\tt.lineTo(378,129);\n\tt.lineTo(412,128);\n\tt.lineTo(455,132);\n\tt.lineTo(491,138);\n\tt.lineTo(523,145);\n\tt.lineTo(551,158);\n\tt.lineTo(562,169);\n\tt.stroke();\n\t\n\tt.beginPath(); \n\tt.lineWidth=\"3\";\n\tt.strokeStyle=\"#0073e6\";\n\tt.moveTo(315,127);\n\tt.lineTo(333,122);\n\tt.lineTo(361,117);\n\tt.lineTo(415,114);\n\tt.lineTo(443,116);\n\tt.lineTo(468,118);\n\tt.lineTo(503,124);\n\tt.lineTo(535,134);\n\tt.stroke();\n\t\n\t\t\/\/ \u0630\u2018\u0630\u00be\u0631\u20ac\u0630\u00be\u0630\u00b4\u0630\u00b0\n\tt.beginPath();\n\tt.lineWidth=\"4\";\n\tt.strokeStyle=\"darkgrey\";\n\tt.fillStyle=\"#d9d9d9\";\n\tt.moveTo(343,174); \/\/alus-punkt\n\tt.lineTo(329,246);\n\tt.lineTo(350,256);\n\tt.lineTo(353,287);\n\tt.lineTo(365,293);\n\tt.lineTo(361,333);\n\tt.lineTo(378,344);\n\tt.lineTo(362,410);\n\tt.lineTo(413,395);\n\tt.lineTo(466,415);\n\tt.lineTo(459,340);\n\tt.lineTo(472,333);\n\tt.lineTo(467,294);\n\tt.lineTo(478,288);\n\tt.lineTo(483,255);\n\tt.lineTo(501,239);\n\tt.lineTo(489,176);\n\tt.lineTo(485,174);\n\tt.lineTo(481,180);\n\tt.lineTo(480,210);\n\tt.lineTo(475,220);\n\tt.lineTo(457,203);\n\tt.lineTo(441,193);\n\tt.lineTo(427,192);\n\tt.lineTo(396,192);\n\tt.lineTo(377,200);\n\tt.lineTo(358,220);\n\tt.lineTo(348,180);\n\tt.lineTo(344,176);\n\tt.fill();\n\tt.stroke();\n\t\n\tt.beginPath();\n\tt.lineWidth=\"2\";\n\tt.strokeStyle=\"#bfbfbf\";\n\tt.moveTo(412,273); \/\/alus-punkt\n\tt.lineTo(408,331);\n\tt.lineTo(409,378);\n\tt.moveTo(366,261);\n\tt.lineTo(393,237);\n\tt.lineTo(415,230);\n\tt.lineTo(450,246);\n\tt.lineTo(469,267);\n\tt.moveTo(384,308);\n\tt.lineTo(399,270);\n\tt.moveTo(429,271);\n\tt.lineTo(448,312);\n\tt.stroke();\n\t\n\t\/\/ \u0630\u203a\u0630\u00b8\u0631\u2020\u0630\u00be\n\tt.beginPath();\n\tt.lineWidth=\"3\";\n\tt.strokeStyle=\"#ffcc66\";\n\tt.fillStyle=\"#ffcc66\";\n\tt.moveTo(350,168); \/\/alus-punkt\n\tt.lineTo(359,212);\n\tt.lineTo(389,190);\n\tt.lineTo(441,190);\n\tt.lineTo(476,215);\n\tt.lineTo(479,172);\n\tt.lineTo(480,169);\n\tt.lineTo(474,166);\n\tt.lineTo(424,155);\n\tt.lineTo(396,156);\n\tt.lineTo(367,160);\n\tt.lineTo(350,170);\n\tt.fill();\n\tt.stroke();\n\t\n\t\/\/ \u0630\u2018\u0631\u20ac\u0630\u00be\u0630\u00b2\u0630\u00b8\n\tt.beginPath();\n\tt.lineWidth=\"2\";\n\tt.strokeStyle=\"#darkgrey\";\n\tt.fillStyle=\"#8c8c8c\";\n\tt.moveTo(373,165); \/\/alus-punkt\n\tt.lineTo(381,161);\n\tt.lineTo(390,161);\n\tt.lineTo(403,165);\n\tt.lineTo(412,167);\n\tt.lineTo(424,167);\n\tt.lineTo(436,162);\n\tt.lineTo(448,162);\n\tt.lineTo(458,167);\n\tt.lineTo(457,159);\n\tt.lineTo(446,156);\n\tt.lineTo(436,154);\n\tt.lineTo(422,162);\n\tt.lineTo(408,162);\n\tt.lineTo(394,154);\n\tt.lineTo(379,155);\n\tt.lineTo(372,160);\n\tt.fill();\n\tt.stroke();\n\t\n\tt.beginPath();\n\tt.lineWidth=\"3\";\n\tt.strokeStyle=\"#bfbfbf\";\n\tt.moveTo(374,159); \/\/alus-punkt\n\tt.lineTo(386,155);\n\tt.lineTo(399,159);\n\tt.lineTo(404,161);\n\tt.lineTo(410,163);\n\tt.stroke();\n\t\n\tt.beginPath();\n\tt.lineWidth=\"3\";\n\tt.strokeStyle=\"#bfbfbf\";\n\tt.moveTo(420,164); \/\/alus-punkt\n\tt.lineTo(428,160);\n\tt.lineTo(436,154);\n\tt.lineTo(448,157);\n\tt.lineTo(457,161);\n\tt.stroke();\n\t\n\t\/\/ \u0630\u201c\u0630\u00bb\u0630\u00b0\u0630\u00b7 1\n\tt.beginPath();\n\tt.fillStyle=\"black\";\n\tt.arc(397,173,7,0,2*Math.PI, true); \/\/x,y, keskpunkt, R\n\tt.fill();\n\t\n\tt.beginPath();\n\tt.fillStyle=\"white\";\n\tt.arc(399,172,3,0,2*Math.PI, true); \/\/x,y, keskpunkt, R\n\tt.fill();\n\t\n\t\/\/ \u0630\u201c\u0630\u00bb\u0630\u00b0\u0630\u00b7 2\n\tt.beginPath();\n\tt.fillStyle=\"black\";\n\tt.arc(431,173,7,0,2*Math.PI, true); \/\/x,y, keskpunkt, R\n\tt.fill();\n\t\n\tt.beginPath();\n\tt.fillStyle=\"white\";\n\tt.arc(433,172,3,0,2*Math.PI, true); \/\/x,y, keskpunkt, R\n\tt.fill();\n\t\n\tt.beginPath();\n\tt.lineWidth=\"3\";\n\tt.strokeStyle=\"#0066ff\";\n\tt.fillStyle=\"#3385ff\";\n\tt.moveTo(313,423); \/\/alus-punkt\n\tt.lineTo(515,424);\n\tt.lineTo(515,411);\n\tt.lineTo(485,262);\n\tt.lineTo(482,278);\n\tt.lineTo(478,289);\n\tt.lineTo(469,295);\n\tt.lineTo(473,336);\n\tt.lineTo(460,344);\n\tt.lineTo(460,361);\n\tt.lineTo(468,417);\n\tt.lineTo(416,396);\n\tt.lineTo(359,414);\n\tt.lineTo(375,345);\n\tt.lineTo(359,336);\n\tt.lineTo(363,295);\n\tt.lineTo(353,290);\n\tt.lineTo(348,258);\n\tt.lineTo(344,258);\n\tt.lineTo(314,410);\n\tt.lineTo(314,422);\n\tt.fill();\n\tt.stroke();\n\t\n\t\/\/ \u0630\u00bb\u0630\u00b5\u0630\u00b2\u0630\u00b0\u0631\u0688 \u0631\u20ac\u0631\u0192\u0630\u061b\u0630\u00b0 1\n\tt.beginPath();\n\tt.lineWidth=\"3\";\n\tt.strokeStyle=\"#0066ff\";\n\tt.fillStyle=\"#3385ff\";\n\tt.moveTo(339,270); \/\/alus-punkt\n\tt.lineTo(324,270);\n\tt.lineTo(313,275);\n\tt.lineTo(307,281);\n\tt.lineTo(276,336);\n\tt.lineTo(262,398);\n\tt.lineTo(269,404);\n\tt.lineTo(272,399);\n\tt.lineTo(288,399);\n\tt.lineTo(304,404);\n\tt.lineTo(305,412);\n\tt.lineTo(311,410);\n\tt.lineTo(315,381);\n\tt.lineTo(318,360);\n\tt.lineTo(325,341);\n\tt.lineTo(334,294);\n\tt.lineTo(339,270);\n\tt.fill();\n\tt.stroke();\n\t\n\t\/\/ \u0630\u00bb\u0630\u00b5\u0630\u00b2\u0630\u00b0\u0631\u0688 \u0631\u20ac\u0631\u0192\u0630\u061b\u0630\u00b0 2\n\tt.beginPath();\n\tt.lineWidth=\"3\";\n\tt.strokeStyle=\"#ffcc66\";\n\tt.fillStyle=\"#ffcc66\";\n\tt.moveTo(273,400); \/\/alus-punkt\n\tt.lineTo(266,426);\n\tt.lineTo(255,433);\n\tt.lineTo(248,442);\n\tt.lineTo(244,452);\n\tt.lineTo(245,464);\n\tt.lineTo(253,478);\n\tt.lineTo(258,465);\n\tt.lineTo(257,454);\n\tt.lineTo(263,443);\n\tt.lineTo(274,438);\n\tt.lineTo(287,439);\n\tt.lineTo(295,447);\n\tt.lineTo(299,456);\n\tt.lineTo(298,462);\n\tt.lineTo(292,470);\n\tt.lineTo(289,485);\n\tt.lineTo(302,479);\n\tt.lineTo(308,467);\n\tt.lineTo(309,452);\n\tt.lineTo(304,440);\n\tt.lineTo(298,434);\n\tt.lineTo(303,407);\n\tt.lineTo(289,401);\n\tt.lineTo(275,402);\n\tt.fill();\n\tt.stroke();\n\t\n\t\/\/ \u0630\u061f\u0631\u20ac\u0630\u00b0\u0630\u00b2\u0630\u00b0\u0631\u0688 \u0631\u20ac\u0631\u0192\u0630\u061b\u0630\u00b0 1\n\tt.beginPath();\n\tt.lineWidth=\"3\";\n\tt.strokeStyle=\"#0066ff\";\n\tt.fillStyle=\"#3385ff\";\n\tt.moveTo(488,273); \/\/alus-punkt\n\tt.lineTo(505,273);\n\tt.lineTo(517,279);\n\tt.lineTo(548,331);\n\tt.lineTo(554,345);\n\tt.lineTo(565,402);\n\tt.lineTo(559,406);\n\tt.lineTo(541,401);\n\tt.lineTo(525,407);\n\tt.lineTo(523,413);\n\tt.lineTo(519,413);\n\tt.lineTo(511,358);\n\tt.lineTo(497,310);\n\tt.lineTo(488,273);\n\tt.fill();\n\tt.stroke();\n\t\n\t\/\/ \u0630\u061f\u0631\u20ac\u0630\u00b0\u0630\u00b2\u0630\u00b0\u0631\u0688 \u0631\u20ac\u0631\u0192\u0630\u061b\u0630\u00b0 2\n\tt.beginPath();\n\tt.lineWidth=\"3\";\n\tt.strokeStyle=\"#ffcc66\";\n\tt.fillStyle=\"#ffcc66\";\n\tt.moveTo(525,410); \/\/alus-punkt\n\tt.lineTo(528,427);\n\tt.lineTo(519,436);\n\tt.lineTo(514,448);\n\tt.lineTo(515,459);\n\tt.lineTo(519,468);\n\tt.lineTo(528,478);\n\tt.lineTo(538,480);\n\tt.lineTo(537,466);\n\tt.lineTo(532,456);\n\tt.lineTo(533,445);\n\tt.lineTo(543,435);\n\tt.lineTo(556,434);\n\tt.lineTo(566,438);\n\tt.lineTo(573,448);\n\tt.lineTo(569,462);\n\tt.lineTo(573,475);\n\tt.lineTo(583,464);\n\tt.lineTo(585,450);\n\tt.lineTo(581,438);\n\tt.lineTo(570,425);\n\tt.lineTo(559,420);\n\tt.lineTo(558,405);\n\tt.lineTo(551,403);\n\tt.lineTo(541,404);\n\tt.lineTo(525,410);\n\tt.fill();\n\tt.stroke();\n\n\t\/\/ \u0630\u00bd\u0630\u00be\u0630\u00b3\u0630\u00b8 \u0630\u00be\u0631\u067e\u0630\u00bd\u0630\u00be\u0630\u00b2\u0630\u00b0\n\tt.beginPath();\n\tt.lineWidth=\"3\";\n\tt.strokeStyle=\"#0066ff\";\n\tt.fillStyle=\"#007a99\";\n\tt.moveTo(324,427); \/\/alus-punkt\n\tt.lineTo(324,454);\n\tt.lineTo(404,454);\n\tt.lineTo(404,527);\n\tt.lineTo(424,527);\n\tt.lineTo(426,454);\n\tt.lineTo(507,454);\n\tt.lineTo(507,428);\n\tt.lineTo(324,427);\n\tt.fill();\n\tt.stroke();\n\t\n\t\/\/ \u0630\u00bb\u0630\u00b5\u0630\u00b2\u0630\u00b0\u0631\u0688 \u0630\u00bd\u0630\u00be\u0630\u00b3\u0630\u00b0\n\tt.beginPath();\n\tt.lineWidth=\"3\";\n\tt.strokeStyle=\"#0066ff\";\n\tt.fillStyle=\"#007399\";\n\tt.moveTo(323,457); \/\/alus-punkt\n\tt.lineTo(316,626);\n\tt.lineTo(402,625);\n\tt.lineTo(402,456);\n\tt.lineTo(323,457);\n\tt.fill();\n\tt.stroke();\n\t\n\tt.beginPath();\n\tt.lineWidth=\"3\";\n\tt.strokeStyle=\"#0066ff\";\n\tt.moveTo(317,596);\n\tt.lineTo(402,596);\n\tt.stroke();\n\t\n\t\/\/ \u0630\u061f\u0631\u20ac\u0630\u00b0\u0630\u00b2\u0630\u00b0\u0631\u0688 \u0630\u00bd\u0630\u00be\u0630\u00b3\u0630\u00b0\n\tt.beginPath();\n\tt.lineWidth=\"3\";\n\tt.strokeStyle=\"#0066ff\";\n\tt.fillStyle=\"#007399\";\n\tt.moveTo(428,457); \/\/alus-punkt\n\tt.lineTo(428,625);\n\tt.lineTo(510,625);\n\tt.lineTo(506,457);\n\tt.lineTo(428,457);\n\tt.fill();\n\tt.stroke();\n\t\n\tt.beginPath();\n\tt.lineWidth=\"3\";\n\tt.strokeStyle=\"#0066ff\";\n\tt.moveTo(429,596);\n\tt.lineTo(510,596);\n\tt.stroke();\n\n\t\/\/ \u0631\u20ac\u0630\u00b5\u0630\u00bc\u0630\u00b5\u0630\u00bd\u0631\u0152 \u0630\u00bd\u0630\u00b0 \u0631\u02c6\u0631\u201a\u0630\u00b0\u0630\u00bd\u0630\u00b0\u0631\u2026\n\tt.beginPath();\n\tt.lineWidth=\"3\";\n\tt.strokeStyle=\"black\";\n\tt.fillStyle=\"#86592d\";\n\tt.moveTo(327,433); \/\/alus-punkt\n\tt.lineTo(327,451);\n\tt.lineTo(504,451);\n\tt.lineTo(505,433);\n\tt.lineTo(327,433);\n\tt.fill();\n\tt.stroke();\n\t\n\tt.beginPath();\n\tt.lineWidth=\"3\";\n\tt.fillStyle=\"darkgrey\";\n\tt.strokeStyle=\"black\";\n\tt.moveTo(400,433); \/\/alus-punkt\n\tt.lineTo(400,451);\n\tt.lineTo(432,451);\n\tt.lineTo(432,433);\n\tt.lineTo(400,433);\n\tt.fill();\n\tt.stroke();\n\t\n\tt.beginPath();\n\tt.lineWidth=\"3\";\n\tt.fillStyle=\"black\";\n\tt.strokeStyle=\"black\";\n\tt.moveTo(407,441); \/\/alus-punkt\n\tt.lineTo(425,441);\n\tt.fill();\n\tt.stroke();\n\t\n\tt.beginPath();\n\tt.lineWidth=\"3\";\n\tt.fillStyle=\"black\";\n\tt.moveTo(344,433); \/\/alus-punkt\n\tt.lineTo(344,451);\n\tt.moveTo(377,433); \n\tt.lineTo(377,451);\n\tt.moveTo(455,433); \n\tt.lineTo(455,451);\n\tt.moveTo(489,433); \n\tt.lineTo(489,451);\n\tt.stroke();\n\t\n\t\/\/ \u0631\u067e\u0631\u0192\u0630\u00bc\u0630\u061b\u0630\u00b0\n\tt.beginPath();\n\tt.lineWidth=\"4\";\n\tt.strokeStyle=\"black\";\n\tt.fillStyle=\"#86592d\";\n\tt.moveTo(333,454); \/\/alus-punkt\n\tt.lineTo(342,484);\n\tt.lineTo(336,489);\n\tt.lineTo(334,502);\n\tt.lineTo(337,503);\n\tt.lineTo(336,512);\n\tt.lineTo(345,516);\n\tt.lineTo(359,516);\n\tt.lineTo(370,511);\n\tt.lineTo(369,503);\n\tt.lineTo(372,500);\n\tt.lineTo(372,490);\n\tt.lineTo(365,484);\n\tt.lineTo(374,453);\n\tt.lineTo(364,453);\n\tt.lineTo(353,479);\n\tt.lineTo(342,454);\n\tt.lineTo(333,454);\n\tt.fill();\n\tt.stroke();\n\t\n\tt.beginPath();\n\tt.lineWidth=\"4\";\n\tt.strokeStyle=\"black\";\n\tt.moveTo(342,484); \/\/alus-punkt\n\tt.lineTo(352,487);\n\tt.lineTo(365,484);\n\tt.stroke();\n\t\n\tt.beginPath();\n\tt.lineWidth=\"4\";\n\tt.strokeStyle=\"black\";\n\tt.moveTo(337,502); \/\/alus-punkt\n\tt.lineTo(345,508);\n\tt.lineTo(359,508);\n\tt.lineTo(370,502);\n\tt.stroke();\n\t\n\tt.beginPath();\n\tt.strokeStyle=\"black\";\n\tt.fillStyle=\"darkgrey\";\n\tt.arc(352,500,3,0,2*Math.PI, true); \/\/x,y, keskpunkt, R\n\tt.fill();\n\tt.stroke();\n\t\n\t\/\/ \u0631\u20ac\u0630\u00b5\u0630\u00bc\u0630\u00b5\u0630\u00bd\u0631\u0152 \u0630\u00bd\u0630\u00b0 \u0631\u02c6\u0630\u00bb\u0631\u0688\u0630\u061f\u0630\u00b5\n\t\n\tt.beginPath();\n\tt.lineWidth=\"3\";\n\tt.strokeStyle=\"black\";\n\tt.fillStyle=\"#004466\";\n\tt.moveTo(365,106); \/\/alus-punkt\n\tt.lineTo(362,114);\n\tt.lineTo(390,112);\n\tt.lineTo(390,102);\n\tt.lineTo(365,106);\n\tt.fill();\n\tt.stroke();\n\t\n\tt.beginPath();\n\tt.lineWidth=\"3\";\n\tt.strokeStyle=\"black\";\n\tt.fillStyle=\"#004466\";\n\tt.moveTo(439,101); \/\/alus-punkt\n\tt.lineTo(439,112);\n\tt.lineTo(467,115);\n\tt.lineTo(465,106);\n\tt.lineTo(439,101);\n\tt.fill();\n\tt.stroke();\n\t\n\t\t\/\/ \u0630\u061f\u0631\u20ac\u0631\u0688\u0630\u00b6\u0630\u061b\u0630\u00b0\n\tt.beginPath();\n\tt.lineWidth=\"4\";\n\tt.strokeStyle=\"#cccccc\";\n\tt.moveTo(392,96); \/\/alus-punkt\n\tt.lineTo(392,112);\n\tt.lineTo(397,112);\n\tt.lineTo(404,109);\n\tt.lineTo(416,107);\n\tt.lineTo(427,108);\n\tt.lineTo(435,113);\n\tt.lineTo(436,96);\n\tt.lineTo(431,92);\n\tt.lineTo(392,96);\n\tt.stroke();\n\t\n\tt.beginPath();\n\tt.lineWidth=\"4\";\n\tt.strokeStyle=\"#cccccc\";\n\tt.moveTo(394,97); \/\/alus-punkt\n\tt.lineTo(403,95);\n\tt.lineTo(430,95);\n\tt.lineTo(430,107);\n\tt.lineTo(432,108);\n\tt.lineTo(432,96);\n\tt.stroke();\n\t\n\tt.beginPath();\n\tt.lineWidth=\"4\";\n\tt.strokeStyle=\"#004466\";\n\tt.fillStyle=\"#004466\";\n\tt.moveTo(402,99); \/\/alus-punkt\n\tt.lineTo(402,103);\n\tt.lineTo(426,103);\n\tt.lineTo(426,99);\n\tt.lineTo(402,99);\n\tt.fill();\n\tt.stroke();\n\t\n\tt.beginPath();\n\tt.lineWidth=\"4\";\n\tt.strokeStyle=\"#006699\";\n\tt.moveTo(398,98); \/\/alus-punkt\n\tt.lineTo(398,107);\n\tt.lineTo(415,105);\n\tt.lineTo(428,105);\n\tt.stroke();\n\t\n\t\t\/\/ \u0630\u00b7\u0630\u00b2\u0630\u00b5\u0630\u00b7\u0630\u00b4\u0630\u00b0 1 \n\tt.beginPath();\n\tt.lineWidth=\"4\";\n\tt.strokeStyle=\"#cccccc\";\n\tt.fillStyle=\"#cccccc\";\n\tt.moveTo(418,51); \/\/alus-punkt\n\tt.lineTo(426,57);\n\tt.lineTo(420,64);\n\tt.lineTo(433,64);\n\tt.lineTo(444,72);\n\tt.lineTo(443,64);\n\tt.lineTo(454,63);\n\tt.lineTo(441,56);\n\tt.lineTo(441,48);\n\tt.lineTo(433,53);\n\tt.lineTo(418,51);\n\tt.fill();\n\tt.stroke();\n\t\n\t\/\/ \u0630\u00b7\u0630\u00b2\u0630\u00b5\u0630\u00b7\u0630\u00b4\u0630\u00b0 2 \n\tt.beginPath();\n\tt.lineWidth=\"4\";\n\tt.strokeStyle=\"#cccccc\";\n\tt.fillStyle=\"#cccccc\";\n\tt.moveTo(370,76); \/\/alus-punkt\n\tt.lineTo(380,76);\n\tt.lineTo(378,84);\n\tt.lineTo(387,74);\n\tt.lineTo(400,75);\n\tt.lineTo(394,68);\n\tt.lineTo(403,60);\n\tt.lineTo(390,63);\n\tt.lineTo(384,57);\n\tt.lineTo(382,68);\n\tt.lineTo(371,76);\n\tt.fill();\n\tt.stroke();\n\t\n\t\/\/ \u0630\u00b7\u0630\u00b2\u0630\u00b5\u0630\u00b7\u0630\u00b4\u0630\u00b0 3\n\tt.beginPath();\n\tt.lineWidth=\"4\";\n\tt.strokeStyle=\"#cccccc\";\n\tt.fillStyle=\"#cccccc\";\n\tt.moveTo(393,38); \/\/alus-punkt\n\tt.lineTo(399,39);\n\tt.lineTo(398,45);\n\tt.lineTo(406,39);\n\tt.lineTo(415,42);\n\tt.lineTo(411,37);\n\tt.lineTo(418,33);\n\tt.lineTo(408,33);\n\tt.lineTo(404,29);\n\tt.lineTo(401,34);\n\tt.lineTo(393,38);\n\tt.fill();\n\tt.stroke();\n}\n<\/script>\t\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-68","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.8 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>JS. \u041b\u0435\u0433\u043e-\u0447\u0435\u043b\u043e\u0432\u0435\u043a - Irina Merkulova portfoolio<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/merkulova.thkit.ee\/wp20\/ru\/js-\u043b\u0435\u0433\u043e-\u0447\u0435\u043b\u043e\u0432\u0435\u043a\/\" \/>\n<meta property=\"og:locale\" content=\"ru_RU\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"JS. \u041b\u0435\u0433\u043e-\u0447\u0435\u043b\u043e\u0432\u0435\u043a - Irina Merkulova portfoolio\" \/>\n<meta property=\"og:url\" content=\"https:\/\/merkulova.thkit.ee\/wp20\/ru\/js-\u043b\u0435\u0433\u043e-\u0447\u0435\u043b\u043e\u0432\u0435\u043a\/\" \/>\n<meta property=\"og:site_name\" content=\"Irina Merkulova portfoolio\" \/>\n<meta property=\"article:modified_time\" content=\"2021-05-17T07:45:11+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/merkulova.thkit.ee\/wp20\/ru\/js-%d0%bb%d0%b5%d0%b3%d0%be-%d1%87%d0%b5%d0%bb%d0%be%d0%b2%d0%b5%d0%ba\/\",\"url\":\"https:\/\/merkulova.thkit.ee\/wp20\/ru\/js-%d0%bb%d0%b5%d0%b3%d0%be-%d1%87%d0%b5%d0%bb%d0%be%d0%b2%d0%b5%d0%ba\/\",\"name\":\"JS. \u041b\u0435\u0433\u043e-\u0447\u0435\u043b\u043e\u0432\u0435\u043a - Irina Merkulova portfoolio\",\"isPartOf\":{\"@id\":\"https:\/\/merkulova.thkit.ee\/wp20\/ru\/#website\"},\"datePublished\":\"2021-05-17T07:41:22+00:00\",\"dateModified\":\"2021-05-17T07:45:11+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/merkulova.thkit.ee\/wp20\/ru\/js-%d0%bb%d0%b5%d0%b3%d0%be-%d1%87%d0%b5%d0%bb%d0%be%d0%b2%d0%b5%d0%ba\/#breadcrumb\"},\"inLanguage\":\"ru-RU\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/merkulova.thkit.ee\/wp20\/ru\/js-%d0%bb%d0%b5%d0%b3%d0%be-%d1%87%d0%b5%d0%bb%d0%be%d0%b2%d0%b5%d0%ba\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/merkulova.thkit.ee\/wp20\/ru\/js-%d0%bb%d0%b5%d0%b3%d0%be-%d1%87%d0%b5%d0%bb%d0%be%d0%b2%d0%b5%d0%ba\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"\u0413\u043b\u0430\u0432\u043d\u0430\u044f \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430\",\"item\":\"https:\/\/merkulova.thkit.ee\/wp20\/ru\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"JS. \u041b\u0435\u0433\u043e-\u0447\u0435\u043b\u043e\u0432\u0435\u043a\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/merkulova.thkit.ee\/wp20\/ru\/#website\",\"url\":\"https:\/\/merkulova.thkit.ee\/wp20\/ru\/\",\"name\":\"Irina Merkulova portfoolio\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/merkulova.thkit.ee\/wp20\/ru\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"ru-RU\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"JS. \u041b\u0435\u0433\u043e-\u0447\u0435\u043b\u043e\u0432\u0435\u043a - Irina Merkulova portfoolio","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/merkulova.thkit.ee\/wp20\/ru\/js-\u043b\u0435\u0433\u043e-\u0447\u0435\u043b\u043e\u0432\u0435\u043a\/","og_locale":"ru_RU","og_type":"article","og_title":"JS. \u041b\u0435\u0433\u043e-\u0447\u0435\u043b\u043e\u0432\u0435\u043a - Irina Merkulova portfoolio","og_url":"https:\/\/merkulova.thkit.ee\/wp20\/ru\/js-\u043b\u0435\u0433\u043e-\u0447\u0435\u043b\u043e\u0432\u0435\u043a\/","og_site_name":"Irina Merkulova portfoolio","article_modified_time":"2021-05-17T07:45:11+00:00","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/merkulova.thkit.ee\/wp20\/ru\/js-%d0%bb%d0%b5%d0%b3%d0%be-%d1%87%d0%b5%d0%bb%d0%be%d0%b2%d0%b5%d0%ba\/","url":"https:\/\/merkulova.thkit.ee\/wp20\/ru\/js-%d0%bb%d0%b5%d0%b3%d0%be-%d1%87%d0%b5%d0%bb%d0%be%d0%b2%d0%b5%d0%ba\/","name":"JS. \u041b\u0435\u0433\u043e-\u0447\u0435\u043b\u043e\u0432\u0435\u043a - Irina Merkulova portfoolio","isPartOf":{"@id":"https:\/\/merkulova.thkit.ee\/wp20\/ru\/#website"},"datePublished":"2021-05-17T07:41:22+00:00","dateModified":"2021-05-17T07:45:11+00:00","breadcrumb":{"@id":"https:\/\/merkulova.thkit.ee\/wp20\/ru\/js-%d0%bb%d0%b5%d0%b3%d0%be-%d1%87%d0%b5%d0%bb%d0%be%d0%b2%d0%b5%d0%ba\/#breadcrumb"},"inLanguage":"ru-RU","potentialAction":[{"@type":"ReadAction","target":["https:\/\/merkulova.thkit.ee\/wp20\/ru\/js-%d0%bb%d0%b5%d0%b3%d0%be-%d1%87%d0%b5%d0%bb%d0%be%d0%b2%d0%b5%d0%ba\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/merkulova.thkit.ee\/wp20\/ru\/js-%d0%bb%d0%b5%d0%b3%d0%be-%d1%87%d0%b5%d0%bb%d0%be%d0%b2%d0%b5%d0%ba\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"\u0413\u043b\u0430\u0432\u043d\u0430\u044f \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430","item":"https:\/\/merkulova.thkit.ee\/wp20\/ru\/"},{"@type":"ListItem","position":2,"name":"JS. \u041b\u0435\u0433\u043e-\u0447\u0435\u043b\u043e\u0432\u0435\u043a"}]},{"@type":"WebSite","@id":"https:\/\/merkulova.thkit.ee\/wp20\/ru\/#website","url":"https:\/\/merkulova.thkit.ee\/wp20\/ru\/","name":"Irina Merkulova portfoolio","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/merkulova.thkit.ee\/wp20\/ru\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"ru-RU"}]}},"_links":{"self":[{"href":"https:\/\/merkulova.thkit.ee\/wp20\/ru\/wp-json\/wp\/v2\/pages\/68","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/merkulova.thkit.ee\/wp20\/ru\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/merkulova.thkit.ee\/wp20\/ru\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/merkulova.thkit.ee\/wp20\/ru\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/merkulova.thkit.ee\/wp20\/ru\/wp-json\/wp\/v2\/comments?post=68"}],"version-history":[{"count":3,"href":"https:\/\/merkulova.thkit.ee\/wp20\/ru\/wp-json\/wp\/v2\/pages\/68\/revisions"}],"predecessor-version":[{"id":72,"href":"https:\/\/merkulova.thkit.ee\/wp20\/ru\/wp-json\/wp\/v2\/pages\/68\/revisions\/72"}],"wp:attachment":[{"href":"https:\/\/merkulova.thkit.ee\/wp20\/ru\/wp-json\/wp\/v2\/media?parent=68"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}