{"id":55,"date":"2025-02-18T11:15:55","date_gmt":"2025-02-18T09:15:55","guid":{"rendered":"https:\/\/markosuvorov24.thkit.ee\/wp\/?page_id=55"},"modified":"2025-03-19T10:43:40","modified_gmt":"2025-03-19T10:43:40","slug":"js-jquery-leht","status":"publish","type":"page","link":"https:\/\/markosuvorov24.thkit.ee\/wp\/eng\/js-jquery-leht\/","title":{"rendered":"JS: My Drawing"},"content":{"rendered":"\n<h1>Joonistamine<\/h1>\n<canvas id=\"tahvel\" width=\"400\"><\/canvas>\n<br>\n<input type=\"button\" value=\"Ring\" onclick=\"ring()\">\n<br>\n<input type=\"button\" value=\"Teine ring\" onclick=\"ring2()\">\n<br>\n<input type=\"button\" value=\"Ristk\u00fclik\" onclick=\"ristkylik()\">\n<br>\n<input type=\"button\" value=\"Joon\" onclick=\"joon()\">\n<br>\n<input type=\"button\" value=\"Kustuta\" onclick=\"kustuta()\">\n<br>\n<h1>Lipud<\/h1>\n<canvas id=\"lipp\" width=\"330\" height=\"210\"><\/canvas>\n<br>\n<input type=\"button\" value=\"Eesti lipp\" onclick=\"eesti()\">\n<br>\n<input type=\"button\" value=\"Rootsi lipp\" onclick=\"rootsi()\">\n<br>\n<input type=\"button\" value=\"Jaapani lipp\" onclick=\"jaapan()\">\n<br>\n<input type=\"button\" value=\"Belgia lipp\" onclick=\"belgia()\">\n<br>\n<input type=\"button\" value=\"Uganda lipp\" onclick=\"uganda()\">\n<br>\n<input type=\"button\" value=\"Mehhiko lipp\" onclick=\"Mehhiko()\">\n<br>\n<input type=\"button\" value=\"Kustuta\" onclick=\"kustuta2()\">\n\n\n\n<script>\nfunction kustuta() {\n    const pyhi=document.getElementById(\"pyhi\");\n    if(pyhi.getContext){\n        let p=pyhi.getContext(\"2d\");\n        p.clearRect(0,0,400,300);\n\n\n    }\n}\nfunction maja() {\n    const pyhi=document.getElementById(\"pyhi\");\n    if(pyhi.getContext){\n        let p=pyhi.getContext(\"2d\");\n        p.fillStyle=\"blue\";\n        p.fillRect(170,130,205,127);\n    }\n    }\nfunction aken(){\n    const pyhi=document.getElementById(\"pyhi\");\n    if(pyhi.getContext){\n        let p=pyhi.getContext(\"2d\");\n        p.beginPath();\n        p.arc(278, 190, 30, 0, 2 *Math.PI, true);\n        p.strokeStyle=\"blue\"\n        p.stroke();\n        p.fillStyle=\"lightcoral\"\n        p.fill();\n        }\n    }\n\nfunction katus(){\n    const pyhi=document.getElementById(\"pyhi\");\n    if(pyhi.getContext){\n        let p=pyhi.getContext(\"2d\");\n        p.beginPath();\n        p.lineWidth=\"1\";\n        p.moveTo(172,130);\n        p.lineTo(274,17);\n        p.lineTo(377, 129);\n        p.lineTo(172,130);\n        p.strokeStyle= \"brown\"\n        p.stroke();\n        p.fillStyle=\"brown\"\n        p.fill();\n\n\n    }\n}\n\n\nfunction muru(){\n    const pyhi=document.getElementById(\"pyhi\");\n    if(pyhi.getContext){\n        let p=pyhi.getContext(\"2d\");\n        p.fillStyle=\"green\"\n        p.fillRect(0, 252, 400, 48);\n    }\n}\n\n\nfunction paike(){\n    const pyhi=document.getElementById(\"pyhi\");\n    if(pyhi.getContext){\n        let p=pyhi.getContext(\"2d\");\n        p.beginPath();\n        p.arc(63, 60, 37, 0, 2 *Math.PI, true);\n        p.strokeStyle=\"yellow\"\n        p.stroke();\n        p.fillStyle=\"yellow\"\n        p.fill();\n\n\n    }\n}\n\n\nfunction uks(){\n    const pyhi=document.getElementById(\"pyhi\");\n    if(pyhi.getContext){\n        let p=pyhi.getContext(\"2d\");\n        p.fillStyle=\"brown\"\n        p.fillRect(173, 187, 41, 65);\n    }\n}\n\n\nfunction ukka(){\n    const pyhi=document.getElementById(\"pyhi\");\n    if(pyhi.getContext){\n        let p=pyhi.getContext(\"2d\");\n        p.beginPath();\n        p.arc(182, 223, 4, 0, 2 *Math.PI, true);\n        p.strokeStyle=\"black\"\n        p.stroke();\n        p.fillStyle=\"black\"\n        p.fill();\n        }\n}\n\nfunction aken2(){\n    const pyhi=document.getElementById(\"pyhi\");\n    if(pyhi.getContext){\n        let p=pyhi.getContext(\"2d\");\n        p.beginPath();\n        p.lineWidth=\"1\";\n        p.moveTo(253,111);\n        p.lineTo(274,78);\n        p.lineTo(296, 112);\n        p.lineTo(253,111);\n        p.strokeStyle= \"lightblue\"\n        p.stroke();\n        p.fillStyle=\"lightblue\"\n        p.fill();\n    }\n}\n<\/script>\n\n\n\ncanvas#pyhi{\n    background-color: lightgrey;\n    border-radius: 15px;\n    border: 1px solid black;\n\n}\n","protected":false},"excerpt":{"rendered":"<p>Joonistamine Lipud canvas#pyhi{ background-color: lightgrey; border-radius: 15px; border: 1px solid black; }<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-55","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/markosuvorov24.thkit.ee\/wp\/eng\/wp-json\/wp\/v2\/pages\/55","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/markosuvorov24.thkit.ee\/wp\/eng\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/markosuvorov24.thkit.ee\/wp\/eng\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/markosuvorov24.thkit.ee\/wp\/eng\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/markosuvorov24.thkit.ee\/wp\/eng\/wp-json\/wp\/v2\/comments?post=55"}],"version-history":[{"count":3,"href":"https:\/\/markosuvorov24.thkit.ee\/wp\/eng\/wp-json\/wp\/v2\/pages\/55\/revisions"}],"predecessor-version":[{"id":261,"href":"https:\/\/markosuvorov24.thkit.ee\/wp\/eng\/wp-json\/wp\/v2\/pages\/55\/revisions\/261"}],"wp:attachment":[{"href":"https:\/\/markosuvorov24.thkit.ee\/wp\/eng\/wp-json\/wp\/v2\/media?parent=55"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}