{"id":164887,"date":"2013-01-06T16:02:03","date_gmt":"2013-01-06T12:02:03","guid":{"rendered":"http:\/\/savepearlharbor.com\/?p=164887"},"modified":"-0001-11-30T00:00:00","modified_gmt":"-0001-11-29T21:00:00","slug":"","status":"publish","type":"post","link":"https:\/\/savepearlharbor.com\/?p=164887","title":{"rendered":"<span class=\"post_title\">\u041f\u0440\u043e\u0445\u043e\u0436\u0434\u0435\u043d\u0438\u0435 \u043a\u0430\u043f\u0447\u0438 \u00ab\u041b\u0430\u0431\u0438\u0440\u0438\u043d\u0442\u00bb \u043d\u0430 Javascript<\/span>"},"content":{"rendered":"<div class=\"content html_format\"> \t\t\t\u0421\u0443\u0449\u0435\u0441\u0442\u0432\u0443\u0435\u0442 \u043d\u0435 \u0441\u043b\u0438\u0448\u043a\u043e\u043c \u0448\u0438\u0440\u043e\u043a\u043e \u0438\u0437\u0432\u0435\u0441\u0442\u043d\u0430\u044f \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u043d\u0430\u044f \u0438\u0433\u0440\u0430. \u0418\u0433\u0440\u043e\u0432\u043e\u0439 \u043f\u0440\u043e\u0446\u0435\u0441\u0441 \u0432 \u043d\u0435\u0439 \u043e\u0447\u0435\u043d\u044c \u043f\u0440\u043e\u0441\u0442\u043e\u0439 \u0438 \u043c\u043e\u043d\u043e\u0442\u043e\u043d\u043d\u044b\u0439, \u0447\u0442\u043e \u0441\u043f\u043e\u0441\u043e\u0431\u0441\u0442\u0432\u0443\u0435\u0442 \u043f\u043e\u044f\u0432\u043b\u0435\u043d\u0438\u044e \u0431\u043e\u0442\u043e\u0432. \u0414\u043b\u044f \u0431\u043e\u0440\u044c\u0431\u044b \u0441 \u043d\u0438\u043c\u0438 \u0432 \u0438\u0433\u0440\u0443 \u0432\u0432\u0435\u0434\u0435\u043d\u0430 \u043a\u0430\u043f\u0447\u0430, \u0432\u0440\u0435\u043c\u044f \u043e\u0442 \u0432\u0440\u0435\u043c\u0435\u043d\u0438 \u0432\u044b\u043b\u0435\u0437\u0430\u044e\u0449\u0430\u044f \u0432\u043e \u0432\u0440\u0435\u043c\u044f \u0431\u043e\u044f. \u041d\u0430 \u0443\u0433\u0430\u0434\u044b\u0432\u0430\u043d\u0438\u0435 \u0434\u0430\u0451\u0442\u0441\u044f 50 \u0441\u0435\u043a\u0443\u043d\u0434, \u0435\u0441\u043b\u0438 \u0443\u0433\u0430\u0434\u0430\u0442\u044c \u0437\u0430 20, \u0442\u043e \u0434\u0430\u0434\u0443\u0442 \u0434\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0439 \u0431\u043e\u043d\u0443\u0441. \u041a\u0430\u043f\u0447 \u0434\u0432\u0430 \u0432\u0438\u0434\u0430: \u00ab\u0423\u0433\u0430\u0434\u0430\u0439 \u043f\u043e\u043d\u0438\u00bb \u0438 \u00ab\u041f\u0440\u043e\u0439\u0434\u0438 \u043b\u0430\u0431\u0438\u0440\u0438\u043d\u0442\u0438\u043a\u00bb. \u0421 \u0443\u0433\u0430\u0434\u044b\u0432\u0430\u043d\u0438\u0435\u043c \u043f\u043e\u043d\u0438 \u043f\u0440\u043e\u0431\u043b\u0435\u043c \u0443 \u043c\u0435\u043d\u044f \u043e\u0431\u044b\u0447\u043d\u043e \u043d\u0435 \u0432\u043e\u0437\u043d\u0438\u043a\u0430\u043b\u043e, \u0430 \u0432\u043e\u0442 \u043f\u0440\u043e\u0439\u0442\u0438 \u043b\u0430\u0431\u0438\u0440\u0438\u043d\u0442 \u0437\u0430 20 \u0441\u0435\u043a\u0443\u043d\u0434 \u2014 \u0437\u0430\u0434\u0430\u0447\u0430 \u043d\u0435 \u0432\u0441\u0435\u0433\u0434\u0430 \u0442\u0440\u0438\u0432\u0438\u0430\u043b\u044c\u043d\u0430\u044f. \u0418 \u044f \u0437\u0430\u0434\u0443\u043c\u0430\u043b\u0441\u044f, \u0430 \u043d\u0435\u043b\u044c\u0437\u044f \u043b\u0438 \u043d\u0430\u043f\u0438\u0441\u0430\u0442\u044c Userscript, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0431\u044b \u0441\u0430\u043c\u043e\u0441\u0442\u043e\u044f\u0442\u0435\u043b\u044c\u043d\u043e \u043f\u0440\u043e\u0445\u043e\u0434\u0438\u043b \u043b\u0430\u0431\u0438\u0440\u0438\u043d\u0442 \u0438 \u0441\u043e\u043e\u0431\u0449\u0430\u043b \u043c\u043d\u0435 \u043f\u0440\u0430\u0432\u0438\u043b\u044c\u043d\u044b\u0439 \u043e\u0442\u0432\u0435\u0442\u2026<br \/>  <a name=\"habracut\"><\/a><br \/>  \u041f\u0435\u0440\u0432\u043e\u0435, \u0441 \u0447\u0435\u0433\u043e \u0441\u043b\u0435\u0434\u0443\u0435\u0442 \u043d\u0430\u0447\u0430\u0442\u044c \u2014 \u0441\u0431\u043e\u0440 \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u0438. \u0412\u044b\u0437\u044b\u0432\u0430\u0435\u043c \u043f\u043e\u044f\u0432\u043b\u0435\u043d\u0438\u0435 \u043b\u0430\u0431\u0438\u0440\u0438\u043d\u0442\u0430, \u043b\u0435\u0437\u0435\u043c \u0432 \u0438\u0441\u0445\u043e\u0434\u043d\u044b\u0439 \u043a\u043e\u0434, \u0438 \u0441\u043c\u043e\u0442\u0440\u0438\u043c, \u0447\u0442\u043e \u0442\u0430\u043c \u0438 \u043a\u0430\u043a. \u0422\u0430\u043c \u043c\u044b \u043d\u0430\u0445\u043e\u0434\u0438\u043c \u0432\u0441\u0442\u0430\u0432\u043b\u0435\u043d\u043d\u043e\u0435 \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0435, \u0438 \u0443\u0437\u043d\u0430\u0451\u043c \u0434\u0432\u0430 \u043c\u043e\u043c\u0435\u043d\u0442\u0430: \u0432\u043e-\u043f\u0435\u0440\u0432\u044b\u0445, \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0435 \u043d\u0430\u0445\u043e\u0434\u0438\u0442\u0441\u044f \u043d\u0430 \u0442\u043e\u043c \u0436\u0435 \u0434\u043e\u043c\u0435\u043d\u0435, \u0447\u0442\u043e \u0438 \u0441\u0430\u043c\u0430 \u0438\u0433\u0440\u0443\u0448\u043a\u0430. \u042d\u0442\u043e \u0443\u043f\u0440\u043e\u0449\u0430\u0435\u0442 \u0440\u0430\u0431\u043e\u0442\u0443 \u0441 canvas. \u0412\u043e-\u0432\u0442\u043e\u0440\u044b\u0445, \u043e\u043d\u043e \u043d\u0430\u0445\u043e\u0434\u0438\u0442\u0441\u044f \u0432 \u0444\u043e\u0440\u043c\u0435 \u0441 id=\u00abriddleform\u00bb, \u0432 \u043a\u043e\u0442\u043e\u0440\u043e\u0439 \u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u043f\u0435\u0440\u0432\u044b\u043c \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0435\u043c. \u0412 \u0442\u043e\u0439 \u0436\u0435 \u0444\u043e\u0440\u043c\u0435 \u043d\u0430\u0445\u043e\u0434\u0438\u0442\u0441\u044f \u0434\u0440\u0443\u0433\u043e\u0435 \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0435.<\/p>\n<p>  \u041e\u0433\u043e\u0432\u043e\u0440\u043a\u0430: \u0432 \u0441\u043a\u0440\u0438\u043f\u0442\u0435 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442\u0441\u044f jQuery. \u041a\u0438\u0434\u0430\u0442\u044c\u0441\u044f \u0441\u0430\u043f\u043e\u0433\u0430\u043c\u0438 \u043d\u0435\u043e\u0431\u044f\u0437\u0430\u0442\u0435\u043b\u044c\u043d\u043e; \u044f \u0437\u043d\u0430\u044e, \u0447\u0442\u043e \u043f\u043e\u0434\u043a\u043b\u044e\u0447\u0430\u0442\u044c jQuery \u0434\u043b\u044f \u0442\u043e\u0433\u043e, \u0447\u0442\u043e\u0431\u044b \u0432\u044b\u0442\u0430\u0449\u0438\u0442\u044c \u043e\u0434\u043d\u043e \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0435 \u2014 \u043d\u0435 \u0441\u0430\u043c\u043e\u0435 \u0445\u043e\u0440\u043e\u0448\u0435\u0435 \u0435\u0433\u043e \u043f\u0440\u0438\u043c\u0435\u043d\u0435\u043d\u0438\u0435. \u0414\u0435\u043b\u043e \u0432 \u0442\u043e\u043c, \u0447\u0442\u043e \u044d\u0442\u043e\u0442 \u0441\u043a\u0440\u0438\u043f\u0442 \u043f\u043b\u0430\u043d\u0438\u0440\u043e\u0432\u0430\u043b\u0441\u044f \u043a\u0430\u043a \u0447\u0430\u0441\u0442\u044c \u0434\u0440\u0443\u0433\u043e\u0433\u043e, \u0432 \u043a\u043e\u0442\u043e\u0440\u043e\u043c jQuery \u0443\u0436\u0435 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043b\u0430\u0441\u044c.<\/p>\n<p>  \u041d\u0430\u0447\u0438\u043d\u0430\u0435\u043c \u043f\u0438\u0441\u0430\u0442\u044c \u043a\u043e\u0434  <\/p>\n<pre><code class=\"javascript\">$('#riddleform img').load(function(){\/\/\u043f\u044b\u0442\u0430\u0442\u044c\u0441\u044f \u0447\u0442\u043e-\u0442\u043e \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u0434\u043e \u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0438 \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u044f \u043d\u0435\u0436\u0435\u043b\u0430\u0442\u0435\u043b\u044c\u043d\u043e \tif (this.src == &quot;http:\/\/ehgt.org\/v\/battle\/answer.png&quot;) return;\/\/\u0417\u0434\u0435\u0441\u044c \u043c\u044b \u043e\u0441\u0442\u0430\u043d\u0430\u0432\u043b\u0438\u0432\u0430\u0435\u043c\u0441\u044f, \u0435\u0441\u043b\u0438 \u043d\u0430\u0442\u043a\u043d\u0443\u043b\u0438\u0441\u044c \u043d\u0435 \u043d\u0430 \u0442\u043e \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0435 \tvar rmimg = $('#riddleform img')[0]; \tvar canvas = document.createElement(&quot;canvas&quot;); \tcanvas.width = rmimg.width; \tcanvas.height = rmimg.height; \tvar ctx = canvas.getContext(&quot;2d&quot;); \tctx.drawImage (rmimg, 0, 0); \tvar data = ctx.getImageData(0, 0, canvas.width, canvas.height); }); <\/code><\/pre>\n<p>  \u0412 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u0435 \u0443 \u043d\u0430\u0441 \u043f\u043e\u043b\u0443\u0447\u0438\u043b\u0430\u0441\u044c \u043f\u0435\u0440\u0435\u043c\u0435\u043d\u043d\u0430\u044f data, \u0432 \u043a\u043e\u0442\u043e\u0440\u0443\u044e \u0437\u0430\u0433\u0440\u0443\u0436\u0435\u043d\u043e \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0435. \u041e\u0441\u0442\u0430\u043d\u0430\u0432\u043b\u0438\u0432\u0430\u0435\u043c\u0441\u044f. \u041d\u0430\u0447\u0438\u043d\u0430\u0435\u043c \u0441\u043e\u0431\u0438\u0440\u0430\u0442\u044c \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u044f \u043b\u0430\u0431\u0438\u0440\u0438\u043d\u0442\u043e\u0432 \u0438 \u0441\u043e\u0445\u0440\u0430\u043d\u044f\u0442\u044c \u0438\u0445.<\/p>\n<p>  \u0412\u0441\u0435 \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u044f \u0438\u043c\u0435\u044e\u0442 \u0430\u0434\u0440\u0435\u0441 \u0432\u0438\u0434\u0430 \u00ab<a href=\"http:\/\/hentaiverse.org\/riddlemaster.php?uid=\">hentaiverse.org\/riddlemaster.php?uid=<\/a>[\u0442\u0443\u0442 \u0430\u0439\u0434\u0438\u0448\u043d\u0438\u043a \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f, \u043e\u0434\u0438\u043d\u0430\u043a\u043e\u0432\u044b\u0439 \u0434\u043b\u044f \u0432\u0441\u0435\u0445 \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0439]&#038;v=[\u0442\u0443\u0442, \u0441\u0443\u0434\u044f \u043f\u043e \u0432\u0441\u0435\u043c\u0443, md5 \u0445\u0435\u0448]\u00bb. \u041d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u00ab<a href=\"http:\/\/hentaiverse.org\/riddlemaster.php?uid=123456&#038;v=834a6b57de2d4e6d777478d7c2803d664293e7ec\">hentaiverse.org\/riddlemaster.php?uid=123456&#038;v=834a6b57de2d4e6d777478d7c2803d664293e7ec<\/a>\u00bb.<\/p>\n<p>  \u0421\u043e\u0431\u0440\u0430\u0432 \u043e\u043a\u043e\u043b\u043e \u0434\u0435\u0441\u044f\u0442\u0438 \u043a\u0430\u0440\u0442\u0438\u043d\u043e\u043a, \u043e\u0442\u043a\u0440\u044b\u0432\u0430\u0435\u043c \u0438\u0445 \u0438 \u043d\u0430\u0447\u0438\u043d\u0430\u0435\u043c \u0438\u0445 \u0440\u0430\u0441\u0441\u043c\u0430\u0442\u0440\u0438\u0432\u0430\u0442\u044c.<\/p>\n<p>  <img decoding=\"async\" src=\"http:\/\/habrastorage.org\/storage2\/01e\/7bd\/a5f\/01e7bda5fd601750562d09152d9a4bef.png\"\/><img decoding=\"async\" src=\"http:\/\/habrastorage.org\/storage2\/781\/e57\/b14\/781e57b142f72c7f4c6bf3b78d62032a.png\"\/><img decoding=\"async\" src=\"http:\/\/habrastorage.org\/storage2\/baf\/b79\/dc0\/bafb79dc07dc4b4df8251084fa7804f1.png\"\/><img decoding=\"async\" src=\"http:\/\/habrastorage.org\/storage2\/91b\/5cb\/2a3\/91b5cb2a3342f664d1ee7eac36ad7a80.png\"\/><img decoding=\"async\" src=\"http:\/\/habrastorage.org\/storage2\/fed\/2d4\/ebd\/fed2d4ebd7b4cf8d561b0ed597f4e47a.png\"\/><img decoding=\"async\" src=\"http:\/\/habrastorage.org\/storage2\/88f\/267\/1d7\/88f2671d794f3213426a37191868b9fe.png\"\/><\/p>\n<p>  (\u0418\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u044f \u0443\u043c\u0435\u043d\u044c\u0448\u0435\u043d\u044b)<\/p>\n<p>  \u0418\u0442\u0430\u043a, \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0435 \u0437\u0430\u0448\u0443\u043c\u043b\u0435\u043d\u043e, \u043d\u0430 \u043d\u0451\u043c \u043c\u043e\u0433\u0443\u0442 \u043f\u0440\u043e\u0445\u043e\u0434\u0438\u0442\u044c \u0438\u043b\u0438 \u043d\u0435 \u043f\u0440\u043e\u0445\u043e\u0434\u0438\u0442\u044c \u0441\u0432\u0435\u0442\u043b\u044b\u0439 \u0442\u0440\u0435\u0443\u0433\u043e\u043b\u044c\u043d\u0438\u043a, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0437\u0430\u043d\u0438\u043c\u0430\u0435\u0442 \u043b\u0435\u0432\u044b\u0439 \u043d\u0438\u0436\u043d\u0438\u0439 \u0443\u0433\u043e\u043b, \u0438 \u0442\u0451\u043c\u043d\u044b\u0439 \u0442\u0440\u0435\u0443\u0433\u043e\u043b\u044c\u043d\u0438\u043a, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0437\u0430\u043d\u0438\u043c\u0430\u0435\u0442 \u043b\u0435\u0432\u044b\u0439 \u0432\u0435\u0440\u0445\u043d\u0438\u0439 \u0443\u0433\u043e\u043b. \u041c\u043e\u0433\u0443\u0442 \u043f\u0440\u0438\u0441\u0443\u0442\u0441\u0442\u0432\u043e\u0432\u0430\u0442\u044c \u043e\u0431\u0430. \u041c\u043e\u0436\u0435\u0442 \u043d\u0435 \u0431\u044b\u0442\u044c \u043d\u0438 \u043e\u0434\u043d\u043e\u0433\u043e. \u0412\u0445\u043e\u0434 \u0438 \u0432\u044b\u0445\u043e\u0434\u044b \u0432\u0441\u0435\u0433\u0434\u0430 \u0432 \u043e\u0434\u043d\u043e\u043c \u0438 \u0442\u043e\u043c \u0436\u0435 \u043c\u0435\u0441\u0442\u0435. \u0412\u0441\u0435 \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u044f \u0438\u043c\u0435\u044e\u0442 \u043e\u0434\u0438\u043d\u0430\u043a\u043e\u0432\u044b\u0439 \u0440\u0430\u0437\u043c\u0435\u0440 (615&#215;615), \u0438 \u0432\u0441\u0435 \u043e\u043d\u0438 \u0432 \u0444\u043e\u0440\u043c\u0430\u0442\u0435 jpg.<\/p>\n<p>  \u041a\u0443\u0447\u0430 \u0431\u043e\u043b\u044c\u0448\u0438\u0445 \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0439 \u0441\u0442\u0430\u0442\u044c\u044e \u043d\u0435 \u0443\u043a\u0440\u0430\u0441\u0438\u0442, \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u044f \u043f\u0440\u043e\u0441\u0442\u043e \u043f\u043e\u0441\u0442\u0430\u0432\u043b\u044e \u0441\u0441\u044b\u043b\u043a\u0438.<br \/>  <a href=\"http:\/\/habrastorage.org\/storage2\/bfe\/dcc\/6a0\/bfedcc6a0dc3b80e44d372a4b6660411.jpg\">habrastorage.org\/storage2\/bfe\/dcc\/6a0\/bfedcc6a0dc3b80e44d372a4b6660411.jpg<\/a><br \/>  <a href=\"http:\/\/habrastorage.org\/storage2\/5c1\/b6e\/7c3\/5c1b6e7c3fb4db6e547b95ecf0d5d81c.jpg\">habrastorage.org\/storage2\/5c1\/b6e\/7c3\/5c1b6e7c3fb4db6e547b95ecf0d5d81c.jpg<\/a><br \/>  <a href=\"http:\/\/habrastorage.org\/storage2\/e85\/6bc\/c1e\/e856bcc1ee6542acc66ab03601901eff.jpg\">habrastorage.org\/storage2\/e85\/6bc\/c1e\/e856bcc1ee6542acc66ab03601901eff.jpg<\/a><br \/>  <a href=\"http:\/\/habrastorage.org\/storage2\/48d\/535\/62e\/48d53562e8edb7d787419a726a5fea77.jpg\">habrastorage.org\/storage2\/48d\/535\/62e\/48d53562e8edb7d787419a726a5fea77.jpg<\/a><br \/>  <a href=\"http:\/\/habrastorage.org\/storage2\/001\/c2e\/d34\/001c2ed34a22d82fd467c3fcd36993e7.jpg\">habrastorage.org\/storage2\/001\/c2e\/d34\/001c2ed34a22d82fd467c3fcd36993e7.jpg<\/a><br \/>  <a href=\"http:\/\/habrastorage.org\/storage2\/eca\/80a\/75a\/eca80a75a60b41498f3d847afc207e71.jpg\">habrastorage.org\/storage2\/eca\/80a\/75a\/eca80a75a60b41498f3d847afc207e71.jpg<\/a><\/p>\n<p>  \u0414\u0430\u043b\u044c\u0448\u0435 \u2014 \u0438\u043d\u0442\u0435\u0440\u0435\u0441\u043d\u0435\u0435. \u041b\u0435\u0433\u043a\u043e \u0437\u0430\u043c\u0435\u0442\u0438\u0442\u044c, \u0447\u0442\u043e \u0448\u0443\u043c \u043d\u0430 \u0432\u0441\u0435\u0445 \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u044f\u0445 \u043e\u0434\u0438\u043d\u0430\u043a\u043e\u0432\u044b\u0439. \u0414\u0430\u043b\u0435\u0435, \u0445\u043e\u0442\u044f \u0446\u0432\u0435\u0442\u0430 \u00ab\u0441\u0442\u0435\u043d\u00bb \u0438 \u043e\u0442\u043b\u0438\u0447\u0430\u044e\u0442\u0441\u044f \u043e\u0442 \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u044f \u043a \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u044e, \u0446\u0432\u0435\u0442 \u00ab\u0434\u043e\u0440\u043e\u0436\u0435\u043a\u00bb \u0432\u0441\u0435\u0433\u0434\u0430 \u043e\u0434\u0438\u043d\u0430\u043a\u043e\u0432\u044b\u0439. \u0415\u0441\u043b\u0438 \u0436\u0435 \u043f\u0440\u0438\u0433\u043b\u044f\u0434\u0435\u0442\u0441\u044f \u0432\u043d\u0438\u043c\u0430\u0442\u0435\u043b\u044c\u043d\u0435\u0435, \u0442\u043e \u0441\u0442\u0430\u043d\u0435\u0442 \u044f\u0441\u043d\u043e, \u0447\u0442\u043e \u0431\u043e\u043b\u044c\u0448\u0430\u044f \u0447\u0430\u0441\u0442\u044c \u043a\u043b\u0435\u0442\u043e\u043a \u043e\u0434\u0438\u043d\u0430\u043a\u043e\u0432\u044b \u043d\u0430 \u0432\u0441\u0435\u0445 \u043b\u0430\u0431\u0438\u0440\u0438\u043d\u0442\u0430\u0445.<\/p>\n<p>  <img decoding=\"async\" src=\"http:\/\/habrastorage.org\/storage2\/807\/87a\/7fc\/80787a7fc6ade4b53c0c216a70d059bc.png\"\/><\/p>\n<p>  \u0427\u0451\u0440\u043d\u044b\u043c\u0438 \u043a\u0432\u0430\u0434\u0440\u0430\u0442\u0430\u043c\u0438 \u043e\u0431\u043e\u0437\u043d\u0430\u0447\u0435\u043d\u044b \u043a\u043b\u0435\u0442\u043a\u0438, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 <i>\u0432\u0441\u0435\u0433\u0434\u0430 \u043f\u0440\u043e\u0445\u043e\u0434\u0438\u043c\u044b<\/i>. \u041a\u0440\u0430\u0441\u043d\u043e\u0439 \u0442\u043e\u0447\u043a\u043e\u0439 \u043e\u0431\u043e\u0437\u043d\u0430\u0447\u0435\u043d\u0430 \u0446\u0435\u043d\u0442\u0440\u0430\u043b\u044c\u043d\u0430\u044f \u043a\u043b\u0435\u0442\u043a\u0430. \u041a\u043b\u0435\u0442\u043a\u0438, \u043d\u0430\u0445\u043e\u0434\u044f\u0449\u0438\u0435\u0441\u044f \u043c\u0435\u0436\u0434\u0443 \u0447\u0451\u0440\u043d\u044b\u043c\u0438 \u0442\u043e\u0447\u043a\u0430\u043c\u0438 \u043f\u043e \u0434\u0438\u0430\u0433\u043e\u043d\u0430\u043b\u0438, \u0432\u0441\u0435\u0433\u0434\u0430 \u0437\u0430\u043d\u044f\u0442\u044b. \u041e\u043d\u0438 \u0434\u043b\u044f \u043d\u0430\u0441 \u043d\u0435\u0438\u043d\u0442\u0435\u0440\u0435\u0441\u043d\u044b. \u041d\u0430\u043c \u043d\u0443\u0436\u043d\u043e \u0432\u044b\u044f\u0441\u043d\u0438\u0442\u044c, \u0441\u0432\u043e\u0431\u043e\u0434\u043d\u044b \u0438\u043b\u0438 \u0437\u0430\u043d\u044f\u0442\u044b \u043a\u043b\u0435\u0442\u043a\u0438, \u043d\u0430\u0445\u043e\u0434\u044f\u0449\u0438\u0435\u0441\u044f \u043d\u0430 \u0442\u0435\u0445 \u0436\u0435 \u0433\u043e\u0440\u0438\u0437\u043e\u043d\u0442\u0430\u043b\u044f\u0445 \u0438 \u0432\u0435\u0440\u0442\u0438\u043a\u0430\u043b\u044f\u0445, \u0447\u0442\u043e \u0438 \u0447\u0451\u0440\u043d\u044b\u0435 \u0442\u043e\u0447\u043a\u0438.<\/p>\n<p>  \u041f\u0435\u0440\u0432\u0430\u044f \u043c\u044b\u0441\u043b\u044c, \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u043f\u0440\u0438\u0445\u043e\u0434\u0438\u0442 \u0432 \u0433\u043e\u043b\u043e\u0432\u0443 \u2014 \u00ab\u0428\u0443\u043c \u043e\u0434\u0438\u043d\u0430\u043a\u043e\u0432\u044b\u0439, \u0446\u0432\u0435\u0442 \u043a\u043b\u0435\u0442\u043a\u0438 \u0442\u043e\u0436\u0435. \u041c\u044b \u043c\u043e\u0436\u0435\u043c \u043f\u0440\u043e\u0441\u0442\u043e \u0432\u0437\u044f\u0442\u044c \u043b\u044e\u0431\u043e\u0439 \u043f\u0438\u043a\u0441\u0435\u043b\u044c \u0432 \u043a\u043b\u0435\u0442\u043a\u0435 \u0438 \u043f\u043e\u0441\u043c\u043e\u0442\u0440\u0435\u0442\u044c \u043d\u0430 \u0435\u0433\u043e \u0446\u0432\u0435\u0442\u00bb. \u041e\u0434\u043d\u0430\u043a\u043e, \u044d\u0442\u043e \u043d\u0435 \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442. \u0411\u043e\u043b\u0435\u0435 \u0434\u0435\u0442\u0430\u043b\u044c\u043d\u043e\u0435 \u0438\u0437\u0443\u0447\u0435\u043d\u0438\u0435 \u043f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u0442, \u0447\u0442\u043e \u0448\u0443\u043c \u043d\u0435 \u0441\u043e\u0432\u0441\u0435\u043c \u043e\u0434\u0438\u043d\u0430\u043a\u043e\u0432\u044b\u0439. \u041a\u0440\u043e\u043c\u0435 \u0442\u043e\u0433\u043e, \u0434\u043b\u044f \u043a\u0430\u0436\u0434\u043e\u0439 \u043a\u043b\u0435\u0442\u043a\u0438 \u043f\u0440\u0438\u0448\u043b\u043e\u0441\u044c \u0431\u044b \u0432\u044b\u0431\u0440\u0430\u0442\u044c \u043f\u0438\u043a\u0441\u0435\u043b\u044c, \u0432\u044b\u044f\u0441\u043d\u0438\u0442\u044c, \u043a\u0430\u043a\u0438\u0445 \u043e\u043d \u043c\u043e\u0436\u0435\u0442 \u0431\u044b\u0442\u044c \u0446\u0432\u0435\u0442\u043e\u0432, \u0443\u0447\u0435\u0441\u0442\u044c \u0442\u0440\u0435\u0443\u0433\u043e\u043b\u044c\u043d\u0438\u043a\u0438; \u043a\u043e\u0440\u043e\u0447\u0435: \u0432\u043e\u0437\u043d\u0438 \u043c\u043d\u043e\u0433\u043e.<\/p>\n<p>  \u0412\u0441\u0435\u0433\u043e \u0432 \u043b\u0430\u0431\u0438\u0440\u0438\u043d\u0442\u0435 \u043a\u043b\u0435\u0442\u043e\u043a 37&#215;37. \u0421\u043e\u0437\u0434\u0430\u0434\u0438\u043c \u043c\u0430\u0441\u0441\u0438\u0432, \u0432 \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043c\u044b \u044d\u0442\u043e\u0442 \u043b\u0430\u0431\u0438\u0440\u0438\u043d\u0442 \u0437\u0430\u0433\u0440\u0443\u0437\u0438\u043c.  <\/p>\n<pre><code class=\"javascript\">var clear = []; for (var tmp=0; tmp&lt;38; ++tmp) \tclear[tmp] = [];  for (var r=1; r&lt;38;++r){ \tfor (var t=1; t&lt;38; ++t){ \t\tif ((r%2 == 1) && (t%2 == 1)){clear[r][t] = true;continue;} \t\tif ((r%2 == 0) && (t%2 == 0)){clear[r][t] = false;continue;} \t} } <\/code><\/pre>\n<p>  \u041e\u0441\u0442\u0430\u043b\u043e\u0441\u044c \u043f\u0440\u0438\u0434\u0443\u043c\u0430\u0442\u044c, \u043a\u0430\u043a \u043e\u0442\u043b\u0438\u0447\u0438\u0442\u044c \u043f\u0443\u0441\u0442\u044b\u0435 \u043a\u043b\u0435\u0442\u043a\u0438 \u043e\u0442 \u0437\u0430\u043d\u044f\u0442\u044b\u0445. \u0415\u0441\u043b\u0438 \u043c\u044b \u043d\u0435 \u043c\u043e\u0436\u0435\u043c \u0432\u044b\u0431\u0438\u0440\u0430\u0442\u044c \u043f\u043e \u043e\u0434\u043d\u043e\u043c\u0443 \u043f\u0438\u043a\u0441\u0435\u043b\u044e, \u0442\u043e \u0432\u044b\u0431\u0435\u0440\u0435\u043c \u043f\u043e \u0432\u0441\u0435\u043c: \u0441\u043b\u043e\u0436\u0438\u043c \u0438 \u043f\u043e\u0434\u0435\u043b\u0438\u043c. \u0420\u0430\u0437\u043c\u0430\u0436\u0435\u043c \u043a\u043b\u0435\u0442\u043a\u0438, \u043f\u0440\u043e\u0449\u0435 \u0433\u043e\u0432\u043e\u0440\u044f. \u0421\u043d\u043e\u0432\u0430 \u043f\u0440\u0438\u0433\u043b\u044f\u0434\u0438\u043c\u0441\u044f \u043f\u043e\u0432\u043d\u0438\u043c\u0430\u0442\u0435\u043b\u044c\u043d\u0435\u0435. \u041a\u043b\u0435\u0442\u043a\u0438 \u0438\u043c\u0435\u044e\u0442 \u0440\u0430\u0437\u043c\u0435\u0440 15&#215;15 \u043f\u0438\u043a\u0441\u0435\u043b\u0435\u0439.  <\/p>\n<pre><code class=\"javascript\">var sum = [0,0,0]; var amount = 0;\/\/\u0441\u0443\u043c\u043c\u0430 \u0446\u0432\u0435\u0442\u043e\u0432 \u0438 \u043a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u043e \u043f\u0440\u043e\u0441\u043c\u043e\u0442\u0440\u0435\u043d\u043d\u044b\u0445 \u043f\u0438\u043a\u0441\u0435\u043b\u0435\u0439 for (var j=t*15; j&lt;t*15+15; ++j){ \tfor (var k=r*15; k&lt;r*15+15; ++k){ \t\tsum[0] += data.data[getrdata(j, k)];\/\/getrdata \u043f\u0435\u0440\u0435\u0434\u0430\u0451\u0442 \u043d\u043e\u043c\u0435\u0440 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430 \u0432 \u043c\u0430\u0441\u0441\u0438\u0432\u0435, \u0432 \u043a\u043e\u0442\u043e\u0440\u043e\u043c \t\tsum[1] += data.data[getrdata(j, k)+1];\/\/\u0437\u0430\u043f\u0438\u0441\u0430\u043d \u043a\u0440\u0430\u0441\u043d\u044b\u0439 \u0446\u0432\u0435\u0442 \u044f\u0447\u0435\u0439\u043a\u0438 \u0441 \u0437\u0430\u0434\u0430\u043d\u043d\u044b\u043c\u0438 \u043a\u043e\u043e\u0440\u0434\u0438\u043d\u0430\u0442\u0430\u043c\u0438, \t\tsum[2] += data.data[getrdata(j, k)+2];\/\/\u0430 \u0441\u0438\u043d\u0438\u0439 \u0438 \u0437\u0435\u043b\u0451\u043d\u044b\u0439 \u043f\u043e\u043b\u0443\u0447\u0435\u043c, \u0434\u043e\u0431\u0430\u0432\u0438\u0432 1 \u0438 2. \t\t++amount; \t} } sum[0] = Math.round(sum[0]\/amount); sum[1] = Math.round(sum[1]\/amount); sum[2] = Math.round(sum[2]\/amount); <\/code><\/pre>\n<p>  \u041e\u0441\u0442\u0430\u043b\u043e\u0441\u044c \u0432\u044b\u044f\u0441\u043d\u0438\u0442\u044c, \u043a\u0430\u043a\u0438\u0435 \u0446\u0432\u0435\u0442\u0430 \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0443\u044e\u0442 \u043f\u0443\u0441\u0442\u044b\u043c \u043a\u043b\u0435\u0442\u043a\u0430\u043c. \u0418\u0445 \u0447\u0435\u0442\u044b\u0440\u0435 \u0432\u0438\u0434\u0430: \u0447\u0438\u0441\u0442\u044b\u0435, \u0441\u0432\u0435\u0442\u043b\u044b\u0435, \u0442\u0451\u043c\u043d\u044b\u0435, \u0438 \u00ab\u0441\u0432\u0435\u0442\u043b\u043e-\u0442\u0451\u043c\u043d\u044b\u0435\u00bb, \u0432 \u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u0438 \u043e\u0442 \u0442\u043e\u0433\u043e, \u043f\u043e\u044f\u0432\u0438\u043b\u0438\u0441\u044c \u043b\u0438 \u0442\u0440\u0435\u0443\u0433\u043e\u043b\u044c\u043d\u0438\u043a\u0438, \u043e \u043a\u043e\u0442\u043e\u0440\u044b\u0445 \u044f \u0433\u043e\u0432\u043e\u0440\u0438\u043b \u0432 \u043d\u0430\u0447\u0430\u043b\u0435. \u041a \u0441\u0447\u0430\u0441\u0442\u044c\u044e, \u043d\u0435\u0442 \u043a\u043b\u0435\u0442\u043e\u043a, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043d\u0430\u0445\u043e\u0434\u0438\u043b\u0438\u043b\u0438\u0441\u044c \u0431\u044b <i>\u043d\u0430 \u0433\u0440\u0430\u043d\u0438\u0446\u0435<\/i> \u044d\u0442\u0438\u0445 \u0442\u0440\u0435\u0443\u0433\u043e\u043b\u044c\u043d\u0438\u043a\u043e\u0432. \u041a\u043e\u0440\u043e\u0442\u043a\u043e: \u0446\u0432\u0435\u0442\u0430 \u0431\u044b\u043b\u0438 \u043f\u043e\u043b\u0443\u0447\u0435\u043d\u044b \u043f\u0440\u0438 \u043f\u043e\u043c\u043e\u0449\u0438 \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f \u0434\u0438\u0432\u0430, \u0432 \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0441\u043a\u0438\u0434\u044b\u0432\u0430\u043b\u0438\u0441\u044c \u0432\u0441\u0435 \u0446\u0432\u0435\u0442\u0430 \u043a\u043b\u0435\u0442\u043e\u043a. \u041f\u043e\u0442\u043e\u043c \u043e\u0442\u0442\u0443\u0434\u0430 \u0431\u044b\u043b\u0438 \u0432\u044b\u0431\u0440\u0430\u043d\u044b \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u044b\u0435. \u041a\u0430\u043a\u043e\u0435-\u0442\u043e \u0432\u0440\u0435\u043c\u044f \u0441\u043a\u0440\u0438\u043f\u0442 \u043f\u043e\u0434\u0433\u043e\u043d\u044f\u043b\u0441\u044f, \u043a\u043e\u0433\u0434\u0430 \u043e\u043d \u043d\u0430\u0442\u044b\u043a\u0430\u043b\u0441\u044f \u043d\u0430 \u043d\u0435\u043f\u0440\u043e\u0445\u043e\u0434\u0438\u043c\u044b\u0439 \u043b\u0430\u0431\u0438\u0440\u0438\u043d\u0442.  <\/p>\n<pre><code class=\"javascript\">if ( (sum[0]&gt;190)&&(sum[0]&lt;202) && (sum[1]&gt;170)&&(sum[1]&lt;183) && (sum[2]&gt;130)&&(sum[2]&lt;145) ){\/\/normal \tclear[r][t] = true; }else if ( (sum[0]&gt;148)&&(sum[0]&lt;160) && (sum[1]&gt;135)&&(sum[1]&lt;143) && (sum[2]&gt;103)&&(sum[2]&lt;114) ){\/\/dark \tclear[r][t] = true; }else if ( (sum[0]&gt;203)&&(sum[0]&lt;213) && (sum[1]&gt;190)&&(sum[1]&lt;197) && (sum[2]&gt;157)&&(sum[2]&lt;169) ){\/\/light \tclear[r][t] = true; }else if ( (sum[0]&gt;171)&&(sum[0]&lt;180) && (sum[1]&gt;158)&&(sum[1]&lt;167) && (sum[2]&gt;133)&&(sum[2]&lt;143) ){\/\/grey \tclear[r][t] = true; }else{ \tclear[r][t] = false; } <\/code><\/pre>\n<p>  \u041e\u0441\u0442\u0430\u043b\u0430\u0441\u044c \u043c\u0435\u043b\u043e\u0447\u044c: \u043f\u0440\u043e\u0439\u0442\u0438 \u043f\u043e\u043b\u0443\u0447\u0435\u043d\u043d\u044b\u0439 \u043b\u0430\u0431\u0438\u0440\u0438\u043d\u0442. \u042d\u0442\u043e \u0441\u0434\u0435\u043b\u0430\u0435\u0442 \u0440\u0435\u043a\u0443\u0440\u0441\u0438\u0432\u043d\u044b\u0439 \u0430\u043b\u0433\u043e\u0440\u0438\u0442\u043c.  <\/p>\n<pre><code class=\"java\">function makeway(x,y,data){ \tif ((y == 11)&&(x == 37)) return 'A';\/\/\u044d\u0442\u043e \u043a\u043b\u0435\u0442\u043a\u0430 \u043d\u0430\u043f\u0440\u043e\u0442\u0438\u0432 \u0432\u044b\u0445\u043e\u0434\u0430 A \tif ((y == 27)&&(x == 37)) return 'B';\/\/\u0438 \u0442\u0430\u043a \u0434\u0430\u043b\u0435\u0435 \tif ((y == 37)&&(x == 11)) return 'D'; \tif ((y == 37)&&(x == 27)) return 'C'; \tvar t = ''; \tif (x&lt;37 && data [x+1][y]) {data [x+1][y] = false; t = makeway (x+2, y, data);}\/\/\u0442\u044b\u043a\u0430\u0435\u043c\u0441\u044f \u0432 \u043e\u0434\u043d\u0443 \u0441\u0442\u043e\u0440\u043e\u043d\u0443... \tif (t != '') return t; \tif (x&gt;1 && data [x-1][y]) {data [x-1][y] = false; t = makeway (x-2, y, data);}\/\/\u0432 \u0434\u0440\u0443\u0433\u0443\u044e... \tif (t != '') return t; \tif (y&lt;37 && data [x][y+1]) {data [x][y+1] = false; t = makeway (x, y+2, data);} \tif (t != '') return t; \tif (y&gt;1 && data [x][y-1]) {data [x][y-1] = false; t = makeway (x, y-2, data);} \tif (t != '') return t; \treturn '';\/\/\u0434\u043e\u0442\u044b\u043a\u0430\u043b\u0438\u0441\u044c \u0434\u043e \u0442\u0443\u043f\u0438\u043a\u0430 } <\/code><\/pre>\n<p>  \u041f\u043e\u0441\u043b\u0435 \u0447\u0435\u0433\u043e \u043e\u0441\u0442\u0430\u0451\u0442\u0441\u044f \u043b\u0438\u0448\u044c \u0441\u043e\u0437\u0434\u0430\u0442\u044c \u0432 \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0435 div \u0438 \u0432\u044b\u0437\u0432\u0430\u0442\u044c  <\/p>\n<pre><code class=\"javascript\">answerdiv.innerHTML = makeway (1, 1, clear);<\/code><\/pre>\n<p>  \u041e\u0431\u0440\u0430\u0442\u0438\u0442\u0435 \u0432\u043d\u0438\u043c\u0430\u043d\u0438\u0435 \u043d\u0430 \u0442\u043e, \u0447\u0442\u043e \u043c\u044b \u00ab\u043f\u0440\u044b\u0433\u0430\u0435\u043c \u0447\u0435\u0440\u0435\u0437 \u043a\u043b\u0435\u0442\u043a\u0443\u00bb. \u0415\u0441\u043b\u0438 \u0441\u0432\u043e\u0431\u043e\u0434\u043d\u0430 <i>\u0441\u043e\u0441\u0435\u0434\u043d\u044f\u044f<\/i> \u043a\u043b\u0435\u0442\u043a\u0430, \u0442\u043e \u043c\u044b \u043f\u0440\u044b\u0433\u0430\u0435\u043c <i>\u0447\u0435\u0440\u0435\u0437<\/i> \u043d\u0435\u0451, \u043f\u043e\u0442\u043e\u043c\u0443 \u0447\u0442\u043e \u0442\u043e\u0447\u043d\u043e \u0437\u043d\u0430\u0435\u043c, \u0447\u0442\u043e \u0442\u0430 \u043a\u043b\u0435\u0442\u043a\u0430 \u0441\u0432\u043e\u0431\u043e\u0434\u043d\u0430: \u044d\u0442\u043e \u043e\u0434\u043d\u0430 \u0438\u0437 \u043a\u043b\u0435\u0442\u043e\u043a \u0441 \u0447\u0451\u0440\u043d\u044b\u043c\u0438 \u0442\u043e\u0447\u043a\u0430\u043c\u0438.<\/p>\n<p>  \u0412\u0441\u0451 \u044d\u0442\u043e \u0437\u0430\u043c\u0435\u0447\u0430\u0442\u0435\u043b\u044c\u043d\u043e, \u043d\u043e \u0442\u0430\u043a\u043e\u0439 \u043a\u043e\u0434 \u043d\u0435 \u0441\u043b\u0438\u0448\u043a\u043e\u043c \u0443\u0434\u043e\u0431\u043d\u043e \u0434\u0435\u0431\u0430\u0436\u0438\u0442\u044c. \u0412\u043e\u0442 \u043e\u043d \u0441\u043b\u043e\u043c\u0430\u043b\u0441\u044f, \u043d\u0435 \u043d\u0430\u0448\u0451\u043b \u043f\u0440\u043e\u0445\u043e\u0434\u0430, \u043f\u043e\u0442\u043e\u043c\u0443 \u0447\u0442\u043e \u043d\u0435 \u0440\u0430\u0441\u043f\u043e\u0437\u043d\u0430\u043b \u043a\u043b\u0435\u0442\u043a\u0443, \u043a\u0430\u043a \u0441\u0432\u043e\u0431\u043e\u0434\u043d\u0443\u044e. \u0412\u043e\u043f\u0440\u043e\u0441: \u0433\u0434\u0435 \u0436\u0435 \u043e\u043d \u0441\u043b\u043e\u043c\u0430\u043b\u0441\u044f? \u0420\u0430\u0441\u0448\u0438\u0440\u0438\u043c \u0441\u043a\u0440\u0438\u043f\u0442. \u0414\u043e\u0431\u0430\u0432\u0438\u043c \u0432 \u0430\u0440\u0433\u0443\u043c\u0435\u043d\u0442\u044b \u0444\u0443\u043d\u043a\u0446\u0438\u0438 makeway \u043f\u0435\u0440\u0435\u043c\u0435\u043d\u043d\u0443\u044e ctx, \u0430 \u0432 \u043d\u0430\u0447\u0430\u043b\u043e\u2026  <\/p>\n<pre><code class=\"javascript\">ctx.fillStyle = &quot;rgb(0,0,0)&quot;; ctx.fillRect (y*15,x*15,15,15); <\/code><\/pre>\n<p>  \u2026 \u0418 \u0437\u0430\u043a\u0440\u0430\u0441\u0438\u043c \u043f\u0440\u043e\u0439\u0434\u0451\u043d\u043d\u0443\u044e \u043a\u043b\u0435\u0442\u043a\u0443 \u0447\u0451\u0440\u043d\u044b\u043c. \u0412 \u043a\u043e\u0434 \u0441\u043a\u0440\u0438\u043f\u0442\u0430 \u0434\u043e\u0431\u0430\u0432\u0438\u043c\u2026  <\/p>\n<pre><code class=\"javascript\">$('body')[0].appendChild(canvas); <\/code><\/pre>\n<p>  \u2026 \u0410 \u0432 \u0446\u0438\u043a\u043b, \u0441\u0440\u0430\u0437\u0443 \u043f\u043e\u0441\u043b\u0435 \u043f\u0440\u043e\u0432\u0435\u0440\u043a\u0438 \u043d\u0430 \u0441\u0432\u043e\u0431\u043e\u0434\u043d\u043e\u0441\u0442\u044c \u043a\u043b\u0435\u0442\u043a\u0438\u2026  <\/p>\n<pre><code class=\"javascript\">ctx.fillStyle = &quot;rgb(&quot; + sum[0] + ',' + sum[1] + ',' + sum[2] + &quot;)&quot;; ctx.fillRect (t*15,r*15,15,15); <\/code><\/pre>\n<p>  \u0422\u0435\u043f\u0435\u0440\u044c \u0432 \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0435 \u043f\u043e\u044f\u0432\u0438\u0442\u0441\u044f \u044d\u0442\u043e\u0442 \u0441\u0430\u043c\u044b\u0439 canvas, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043c\u043e\u0436\u0435\u0442 \u0432\u044b\u0433\u043b\u044f\u0434\u0435\u0442\u044c, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u0442\u0430\u043a:<br \/>  <img decoding=\"async\" src=\"http:\/\/habrastorage.org\/storage2\/1a5\/925\/9c1\/1a59259c176eeb34547930fd29d5f11f.png\"\/><br \/>  \u041e\u0441\u0442\u0430\u0451\u0442\u0441\u044f \u043b\u0438\u0448\u044c \u043e\u0442\u043a\u0440\u044b\u0442\u044c \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0435 \u0432 \u043f\u0435\u0439\u043d\u0442\u0435, \u0442\u043a\u043d\u0443\u0442\u044c \u043f\u0438\u043f\u0435\u0442\u043a\u043e\u0439 \u0432 \u043d\u0435\u043f\u0440\u043e\u0445\u043e\u0434\u0438\u043c\u0443\u044e \u043a\u043b\u0435\u0442\u043a\u0443, \u0438 \u043f\u043e\u0441\u043c\u043e\u0442\u0440\u0435\u0442\u044c \u0435\u0451 \u0446\u0432\u0435\u0442.<br \/>  \u0418 \u0432 \u0437\u0430\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u0435, \u043e\u0441\u0442\u0430\u0432\u043b\u044f\u044e \u0441\u0441\u044b\u043b\u043a\u0443 \u043d\u0430 \u0430\u0440\u0445\u0438\u0432 \u0441 \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u0438\u043c\u0438 \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u044f\u043c\u0438 \u0438 html-\u0444\u0430\u0439\u043b, \u0432 \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043c\u043e\u0436\u043d\u043e \u0432\u0441\u0442\u0430\u0432\u0438\u0442\u044c \u043d\u0443\u0436\u043d\u043e\u0435 \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0435 \u0438 \u043f\u043e\u0441\u043c\u043e\u0442\u0440\u0435\u0442\u044c \u043d\u0430 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442, \u0430 \u0442\u0430\u043a\u0436\u0435 \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u0440\u0430\u0431\u043e\u0447\u0438\u0445 \u0444\u0430\u0439\u043b\u043e\u0432: <a href=\"https:\/\/dl.dropbox.com\/u\/42049925\/rm.zip\">dl.dropbox.com\/u\/42049925\/rm.zip<\/a> \t\t\t \t\t\t<\/p>\n<div class=\"clear\"><\/div>\n<\/p><\/div>\n<p> \u0441\u0441\u044b\u043b\u043a\u0430 \u043d\u0430 \u043e\u0440\u0438\u0433\u0438\u043d\u0430\u043b \u0441\u0442\u0430\u0442\u044c\u0438 <a href=\"http:\/\/habrahabr.ru\/post\/164887\/\"> http:\/\/habrahabr.ru\/post\/164887\/<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<div class=\"content html_format\"> \t\t\t\u0421\u0443\u0449\u0435\u0441\u0442\u0432\u0443\u0435\u0442 \u043d\u0435 \u0441\u043b\u0438\u0448\u043a\u043e\u043c \u0448\u0438\u0440\u043e\u043a\u043e \u0438\u0437\u0432\u0435\u0441\u0442\u043d\u0430\u044f \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u043d\u0430\u044f \u0438\u0433\u0440\u0430. \u0418\u0433\u0440\u043e\u0432\u043e\u0439 \u043f\u0440\u043e\u0446\u0435\u0441\u0441 \u0432 \u043d\u0435\u0439 \u043e\u0447\u0435\u043d\u044c \u043f\u0440\u043e\u0441\u0442\u043e\u0439 \u0438 \u043c\u043e\u043d\u043e\u0442\u043e\u043d\u043d\u044b\u0439, \u0447\u0442\u043e \u0441\u043f\u043e\u0441\u043e\u0431\u0441\u0442\u0432\u0443\u0435\u0442 \u043f\u043e\u044f\u0432\u043b\u0435\u043d\u0438\u044e \u0431\u043e\u0442\u043e\u0432. \u0414\u043b\u044f \u0431\u043e\u0440\u044c\u0431\u044b \u0441 \u043d\u0438\u043c\u0438 \u0432 \u0438\u0433\u0440\u0443 \u0432\u0432\u0435\u0434\u0435\u043d\u0430 \u043a\u0430\u043f\u0447\u0430, \u0432\u0440\u0435\u043c\u044f \u043e\u0442 \u0432\u0440\u0435\u043c\u0435\u043d\u0438 \u0432\u044b\u043b\u0435\u0437\u0430\u044e\u0449\u0430\u044f \u0432\u043e \u0432\u0440\u0435\u043c\u044f \u0431\u043e\u044f. \u041d\u0430 \u0443\u0433\u0430\u0434\u044b\u0432\u0430\u043d\u0438\u0435 \u0434\u0430\u0451\u0442\u0441\u044f 50 \u0441\u0435\u043a\u0443\u043d\u0434, \u0435\u0441\u043b\u0438 \u0443\u0433\u0430\u0434\u0430\u0442\u044c \u0437\u0430 20, \u0442\u043e \u0434\u0430\u0434\u0443\u0442 \u0434\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0439 \u0431\u043e\u043d\u0443\u0441. \u041a\u0430\u043f\u0447 \u0434\u0432\u0430 \u0432\u0438\u0434\u0430: \u00ab\u0423\u0433\u0430\u0434\u0430\u0439 \u043f\u043e\u043d\u0438\u00bb \u0438 \u00ab\u041f\u0440\u043e\u0439\u0434\u0438 \u043b\u0430\u0431\u0438\u0440\u0438\u043d\u0442\u0438\u043a\u00bb. \u0421 \u0443\u0433\u0430\u0434\u044b\u0432\u0430\u043d\u0438\u0435\u043c \u043f\u043e\u043d\u0438 \u043f\u0440\u043e\u0431\u043b\u0435\u043c \u0443 \u043c\u0435\u043d\u044f \u043e\u0431\u044b\u0447\u043d\u043e \u043d\u0435 \u0432\u043e\u0437\u043d\u0438\u043a\u0430\u043b\u043e, \u0430 \u0432\u043e\u0442 \u043f\u0440\u043e\u0439\u0442\u0438 \u043b\u0430\u0431\u0438\u0440\u0438\u043d\u0442 \u0437\u0430 20 \u0441\u0435\u043a\u0443\u043d\u0434 \u2014 \u0437\u0430\u0434\u0430\u0447\u0430 \u043d\u0435 \u0432\u0441\u0435\u0433\u0434\u0430 \u0442\u0440\u0438\u0432\u0438\u0430\u043b\u044c\u043d\u0430\u044f. \u0418 \u044f \u0437\u0430\u0434\u0443\u043c\u0430\u043b\u0441\u044f, \u0430 \u043d\u0435\u043b\u044c\u0437\u044f \u043b\u0438 \u043d\u0430\u043f\u0438\u0441\u0430\u0442\u044c Userscript, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0431\u044b \u0441\u0430\u043c\u043e\u0441\u0442\u043e\u044f\u0442\u0435\u043b\u044c\u043d\u043e \u043f\u0440\u043e\u0445\u043e\u0434\u0438\u043b \u043b\u0430\u0431\u0438\u0440\u0438\u043d\u0442 \u0438 \u0441\u043e\u043e\u0431\u0449\u0430\u043b \u043c\u043d\u0435 \u043f\u0440\u0430\u0432\u0438\u043b\u044c\u043d\u044b\u0439 \u043e\u0442\u0432\u0435\u0442\u2026  <\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[],"tags":[],"class_list":["post-164887","post","type-post","status-publish","format-standard","hentry"],"_links":{"self":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts\/164887","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=164887"}],"version-history":[{"count":0,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts\/164887\/revisions"}],"wp:attachment":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=164887"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=164887"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=164887"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}