{"id":582,"date":"2025-03-13T08:49:52","date_gmt":"2025-03-13T06:49:52","guid":{"rendered":"https:\/\/merkulova.thkit.ee\/wp20\/?page_id=582"},"modified":"2025-03-13T08:57:09","modified_gmt":"2025-03-13T06:57:09","slug":"js-joonistamine","status":"publish","type":"page","link":"https:\/\/merkulova.thkit.ee\/wp20\/js-joonistamine\/","title":{"rendered":"JS: Joonistamine"},"content":{"rendered":"\n<h1>Joonistamine JS abil<\/h1>\n<canvas id=\"pyhi\" width=\"400\" height=\"300\"><\/canvas>\n<br>\n<input type=\"button\" value=\"kustuta\" onclick=\"kustuta()\">\n<br>\n<input type=\"button\" value=\"ring\" onclick=\"ring()\">\n<label for=\"radius\"> Radius:<\/label>\n<input type=\"number\" id=\"radius\" min=\"1\" max=\"200\" step=\"10\" onclick=\"ring()\">\n<br>\n<input type=\"button\" value=\"ristk\u00fclik\" onclick=\"ristkylik()\">\n<label for=\"laius\"> Laius:<\/label>\n<input type=\"number\" id=\"laius\" min=\"1\" max=\"200\" step=\"10\" onclick=\"ristkylik()\">\n<label for=\"korgus\"> K\u00f5rgus:<\/label>\n<input type=\"number\" id=\"korgus\" min=\"1\" max=\"200\" step=\"10\" onclick=\"ristkylik()\">\n<br>\n<input type=\"button\" value=\"joon\" onclick=\"joon()\">\n\n<!--<img decoding=\"async\" src=\"https:\/\/merkulova.thkit.ee\/wp20\/wp-content\/uploads\/2021\/05\/valge.jpg\" alt=\"pilt\">-->\n\n\n\n<script>\n\n\/\/canvas puhastamine\nfunction kustuta(){\n    const pyhi=document.getElementById(\"pyhi\");\n    if(pyhi.getContext) {\n        let p = pyhi.getContext(\"2d\"); \/\/canvas nimi\n        p.clearRect(0, 0, 400, 300);\n    }\n}\nfunction ring(){\n    const pyhi=document.getElementById(\"pyhi\");\n    let radius=document.getElementById(\"radius\");\n    if(pyhi.getContext){\n       let p=pyhi.getContext(\"2d\"); \/\/canvas nimi\n        \/\/\u00fcmberjoon - \u043e\u043a\u0440\u0443\u0436\u043d\u043e\u0441\u0442\u044c\n        p.beginPath(); \/\/algab tee\n        p.arc(50, 50, 20, 0, 2*Math.PI, true);\n        p.strokeStyle=\"red\";\n        p.stroke(); \/\/joonista\n\n        \/\/ring\n        p.beginPath(); \/\/algab tee\n        p.arc(100, 50, radius.value, 0, 2*Math.PI, true);\n        p.fillStyle=\"red\";\n        p.fill(); \/\/joonista\n       }\n}\n\/\/ristk\u00fclik\nfunction ristkylik(){\n    const pyhi=document.getElementById(\"pyhi\");\n    let laius=document.getElementById(\"laius\");\n    let korgus=document.getElementById(\"korgus\");\n    if(pyhi.getContext) {\n        let p = pyhi.getContext(\"2d\"); \/\/canvas nimi\n        p.fillStyle=\"green\";\n        p.fillRect(100, 200, laius.value, korgus.value); \/\/x,y, width, height\n    }\n}\nfunction joon(){\n    const pyhi=document.getElementById(\"pyhi\");\n    if(pyhi.getContext) {\n        let p = pyhi.getContext(\"2d\"); \/\/canvas nimi\n        \/\/joon\n        p.beginPath();\n        p.strokeStyle=\"blue\";\n        p.lineWidth = \"2\";\n        p.moveTo(300,80);  \/\/alguspunkt\n        p.lineTo(150,80); \/\/l\u00f5pppunkt\n        p.stroke();\n        \/\/kolmnurk\n        p.beginPath();\n        p.strokeStyle=\"blue\";\n        p.lineWidth = \"2\";\n        p.fillStyle=\"blue\";\n        p.moveTo(50,100);  \/\/alguspunkt\n        p.lineTo(150,100);\n        p.lineTo(150,250);\n        p.lineTo(50, 100);\/\/l\u00f5pppunkt\n        p.stroke();\n        p.fill();\n    }\n}\n\n<\/script>\n\n\n\n<style>\n\ncanvas{\n    background-color: lavender;\n    \/*width: 400px;*\/\n    border: 1px solid gray;\n}\n<\/style>\n","protected":false},"excerpt":{"rendered":"<p>Joonistamine JS abil Radius: Laius: K\u00f5rgus:<\/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-582","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: Joonistamine - Irina Merkulova &otilde;pimapp | 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\/js-joonistamine\/\" \/>\n<meta property=\"og:locale\" content=\"et_EE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"JS: Joonistamine - Irina Merkulova &otilde;pimapp | portfoolio\" \/>\n<meta property=\"og:description\" content=\"Joonistamine JS abil Radius: Laius: K\u00f5rgus:\" \/>\n<meta property=\"og:url\" content=\"https:\/\/merkulova.thkit.ee\/wp20\/js-joonistamine\/\" \/>\n<meta property=\"og:site_name\" content=\"Irina Merkulova &otilde;pimapp | portfoolio\" \/>\n<meta property=\"article:modified_time\" content=\"2025-03-13T06:57:09+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/merkulova.thkit.ee\/wp20\/wp-content\/uploads\/2021\/05\/valge.jpg\" \/>\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\/js-joonistamine\/\",\"url\":\"https:\/\/merkulova.thkit.ee\/wp20\/js-joonistamine\/\",\"name\":\"JS: Joonistamine - Irina Merkulova &otilde;pimapp | portfoolio\",\"isPartOf\":{\"@id\":\"https:\/\/merkulova.thkit.ee\/wp20\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/merkulova.thkit.ee\/wp20\/js-joonistamine\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/merkulova.thkit.ee\/wp20\/js-joonistamine\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/merkulova.thkit.ee\/wp20\/wp-content\/uploads\/2021\/05\/valge.jpg\",\"datePublished\":\"2025-03-13T06:49:52+00:00\",\"dateModified\":\"2025-03-13T06:57:09+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/merkulova.thkit.ee\/wp20\/js-joonistamine\/#breadcrumb\"},\"inLanguage\":\"et\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/merkulova.thkit.ee\/wp20\/js-joonistamine\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"et\",\"@id\":\"https:\/\/merkulova.thkit.ee\/wp20\/js-joonistamine\/#primaryimage\",\"url\":\"https:\/\/merkulova.thkit.ee\/wp20\/wp-content\/uploads\/2021\/05\/valge.jpg\",\"contentUrl\":\"https:\/\/merkulova.thkit.ee\/wp20\/wp-content\/uploads\/2021\/05\/valge.jpg\",\"width\":225,\"height\":225},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/merkulova.thkit.ee\/wp20\/js-joonistamine\/#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\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"JS: Joonistamine\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/merkulova.thkit.ee\/wp20\/#website\",\"url\":\"https:\/\/merkulova.thkit.ee\/wp20\/\",\"name\":\"Veebirakenduse portfoolio\",\"description\":\"Noorem Tarkvaraarendaja eriala\",\"publisher\":{\"@id\":\"https:\/\/merkulova.thkit.ee\/wp20\/#\/schema\/person\/3e81f4867c46822cdeca159fa89142ae\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/merkulova.thkit.ee\/wp20\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"et\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\/\/merkulova.thkit.ee\/wp20\/#\/schema\/person\/3e81f4867c46822cdeca159fa89142ae\",\"name\":\"admin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"et\",\"@id\":\"https:\/\/merkulova.thkit.ee\/wp20\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/4c53fa504772b2274d9d09d84825a2c569865fca538b5b70247d8f1668b9eb51?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/4c53fa504772b2274d9d09d84825a2c569865fca538b5b70247d8f1668b9eb51?s=96&d=mm&r=g\",\"caption\":\"admin\"},\"logo\":{\"@id\":\"https:\/\/merkulova.thkit.ee\/wp20\/#\/schema\/person\/image\/\"},\"sameAs\":[\"https:\/\/merkulova.thkit.ee\/wp20\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"JS: Joonistamine - Irina Merkulova &otilde;pimapp | 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\/js-joonistamine\/","og_locale":"et_EE","og_type":"article","og_title":"JS: Joonistamine - Irina Merkulova &otilde;pimapp | portfoolio","og_description":"Joonistamine JS abil Radius: Laius: K\u00f5rgus:","og_url":"https:\/\/merkulova.thkit.ee\/wp20\/js-joonistamine\/","og_site_name":"Irina Merkulova &otilde;pimapp | portfoolio","article_modified_time":"2025-03-13T06:57:09+00:00","og_image":[{"url":"https:\/\/merkulova.thkit.ee\/wp20\/wp-content\/uploads\/2021\/05\/valge.jpg","type":"","width":"","height":""}],"twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/merkulova.thkit.ee\/wp20\/js-joonistamine\/","url":"https:\/\/merkulova.thkit.ee\/wp20\/js-joonistamine\/","name":"JS: Joonistamine - Irina Merkulova &otilde;pimapp | portfoolio","isPartOf":{"@id":"https:\/\/merkulova.thkit.ee\/wp20\/#website"},"primaryImageOfPage":{"@id":"https:\/\/merkulova.thkit.ee\/wp20\/js-joonistamine\/#primaryimage"},"image":{"@id":"https:\/\/merkulova.thkit.ee\/wp20\/js-joonistamine\/#primaryimage"},"thumbnailUrl":"https:\/\/merkulova.thkit.ee\/wp20\/wp-content\/uploads\/2021\/05\/valge.jpg","datePublished":"2025-03-13T06:49:52+00:00","dateModified":"2025-03-13T06:57:09+00:00","breadcrumb":{"@id":"https:\/\/merkulova.thkit.ee\/wp20\/js-joonistamine\/#breadcrumb"},"inLanguage":"et","potentialAction":[{"@type":"ReadAction","target":["https:\/\/merkulova.thkit.ee\/wp20\/js-joonistamine\/"]}]},{"@type":"ImageObject","inLanguage":"et","@id":"https:\/\/merkulova.thkit.ee\/wp20\/js-joonistamine\/#primaryimage","url":"https:\/\/merkulova.thkit.ee\/wp20\/wp-content\/uploads\/2021\/05\/valge.jpg","contentUrl":"https:\/\/merkulova.thkit.ee\/wp20\/wp-content\/uploads\/2021\/05\/valge.jpg","width":225,"height":225},{"@type":"BreadcrumbList","@id":"https:\/\/merkulova.thkit.ee\/wp20\/js-joonistamine\/#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\/"},{"@type":"ListItem","position":2,"name":"JS: Joonistamine"}]},{"@type":"WebSite","@id":"https:\/\/merkulova.thkit.ee\/wp20\/#website","url":"https:\/\/merkulova.thkit.ee\/wp20\/","name":"Veebirakenduse portfoolio","description":"Noorem Tarkvaraarendaja eriala","publisher":{"@id":"https:\/\/merkulova.thkit.ee\/wp20\/#\/schema\/person\/3e81f4867c46822cdeca159fa89142ae"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/merkulova.thkit.ee\/wp20\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"et"},{"@type":["Person","Organization"],"@id":"https:\/\/merkulova.thkit.ee\/wp20\/#\/schema\/person\/3e81f4867c46822cdeca159fa89142ae","name":"admin","image":{"@type":"ImageObject","inLanguage":"et","@id":"https:\/\/merkulova.thkit.ee\/wp20\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/4c53fa504772b2274d9d09d84825a2c569865fca538b5b70247d8f1668b9eb51?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/4c53fa504772b2274d9d09d84825a2c569865fca538b5b70247d8f1668b9eb51?s=96&d=mm&r=g","caption":"admin"},"logo":{"@id":"https:\/\/merkulova.thkit.ee\/wp20\/#\/schema\/person\/image\/"},"sameAs":["https:\/\/merkulova.thkit.ee\/wp20"]}]}},"_links":{"self":[{"href":"https:\/\/merkulova.thkit.ee\/wp20\/wp-json\/wp\/v2\/pages\/582","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/merkulova.thkit.ee\/wp20\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/merkulova.thkit.ee\/wp20\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/merkulova.thkit.ee\/wp20\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/merkulova.thkit.ee\/wp20\/wp-json\/wp\/v2\/comments?post=582"}],"version-history":[{"count":5,"href":"https:\/\/merkulova.thkit.ee\/wp20\/wp-json\/wp\/v2\/pages\/582\/revisions"}],"predecessor-version":[{"id":591,"href":"https:\/\/merkulova.thkit.ee\/wp20\/wp-json\/wp\/v2\/pages\/582\/revisions\/591"}],"wp:attachment":[{"href":"https:\/\/merkulova.thkit.ee\/wp20\/wp-json\/wp\/v2\/media?parent=582"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}