{"id":931,"date":"2024-10-18T09:47:21","date_gmt":"2024-10-18T07:47:21","guid":{"rendered":"https:\/\/erikgerega23.thkit.ee\/wp\/?page_id=931"},"modified":"2024-10-18T09:49:08","modified_gmt":"2024-10-18T07:49:08","slug":"joonistamine-kanvas","status":"publish","type":"page","link":"https:\/\/erikgerega23.thkit.ee\/wp\/joonistamine-kanvas\/","title":{"rendered":"Joonistamine kanvas"},"content":{"rendered":"\n<body>\n<h1>Joonistamine<\/h1>\n<canvas id=\"paber1\">\n\n<\/canvas>\n<br>\n<input type=\"button\" value=\"joon\" onclick=\"joon()\">\n<input type=\"button\" value=\"ring\" onclick=\"ring()\">\n<input type=\"button\" value=\"ristk\u00fclik\" onclick=\"ristkylik()\">\n\n<br>\n<label for=\"laius\">Laius<\/label>\n<input type=\"number\" min=\"10\" max=\"300\" step=\"10\" id=\"laius\">\n\n<label for=\"korgus\">Laius<\/label>\n<input type=\"number\" min=\"10\" max=\"300\" step=\"10\" id=\"korgus\">\n<br>\n<input type=\"button\" value=\"ristk\u00fclik2\" onclick=\"ristkylik2()\">\n<input type=\"button\" value=\"XXXXX\" onclick=\"emalda()\">\n<h1>Eesti lipp<\/h1>\n<canvas id=\"eesti\" width=\"330\" height=\"210\"><\/canvas>\n<button onclick=\"eestiLipp()\">Joonista Eesti lipp<\/button>\n<br>\n<h1>Saksamaa lipp<\/h1>\n<canvas id=\"saksamaa\" width=\"330\" height=\"210\"><\/canvas>\n<button onclick=\"saksamaaLipp()\">Joonista Saksamaa lipp<\/button>\n<br>\n<h1>Ukraina lipp<\/h1>\n<canvas id=\"ukraina\" width=\"330\" height=\"210\"><\/canvas>\n<button onclick=\"ukrainaLipp()\">Joonista Ukraina lipp<\/button>\n<h1>L\u00e4tti lipp<\/h1>\n<canvas id=\"latti\" width=\"330\" height=\"210\"><\/canvas>\n<button onclick=\"lattiLipp()\">Joonista L\u00e4tti lipp<\/button>\n<h1>Italia lipp<\/h1>\n<canvas id=\"italia\" width=\"330\" height=\"210\"><\/canvas>\n<button onclick=\"italiaLipp()\">Joonista Italia lipp<\/button>\n<h1>Rootsi lipp<\/h1>\n<canvas id=\"rootsi\" width=\"330\" height=\"210\"><\/canvas>\n<button onclick=\"rootsiLipp()\">Joonista Rootsi lipp<\/button>\n<h1>\u0161veitslane lipp<\/h1>\n<canvas id=\"sveitslane\" width=\"330\" height=\"210\"><\/canvas>\n<button onclick=\"sveitslaneLipp()\">Joonista \u0161veitslane lipp<\/button>\n\n<\/body>\n\n\n\n<script>\n\nfunction ring()\n{\n    const paber1 = document.getElementById(\"paber1\");\n    if (paber1.getContext)\n    {\n        let p1=paber1.getContext(\"2d\");\n        p1.beginPath(); \/\/algab teed\n        p1.arc( 50, 50, 30, 0, 2 * Math.PI, true); \/\/x,y - keskPunkt, R- radius\n        p1.strokeStyle=\"grey\";\n        p1.stroke(); \/\/\u00fcmberjoon\n        p1.fill(); \/\/taust\n    }\n\n}\n\/\/joonistame joon\nfunction joon()\n{\n    const paber1 = document.getElementById(\"paber1\");\n    if (paber1.getContext)\n        {\n            let p1=paber1.getContext(\"2d\");\n            p1.beginPath(); \/\/algab teed\n            p1.lineWidth = 5;\n            p1.strokeStyle=\"red\";\n            p1.moveTo(20, 20); \/\/algus punkt\n            p1.lineTo(120, 120); \/\/l\u00f5pppunkt\n            p1.stroke();\n        }\n}\nfunction ristkylik()\n{\n    const paber1 = document.getElementById(\"paber1\");\n    if (paber1.getContext)\n    {\n        let p1 = paber1.getContext(\"2d\");\n        p1.fillStyle = \"red\";\n        p1.fillRect(30, 40, 200, 100); \/\/x, y, laius, k\u00f5rgus\n    }\n\n}\n\nfunction ristkylik2()\n{\n    const paber1 = document.getElementById(\"paber1\");\n    if (paber1.getContext)\n    {\n        let p1 = paber1.getContext(\"2d\");\n        let laius=document.getElementById(\"laius\");\n        let korgus=document.getElementById(\"korgus\");\n        p1.fillStyle = \"red\";\n        p1.fillRect(30, 40, laius.value, korgus.value); \/\/x, y, laius, k\u00f5rgus\n    }\n\n}\n\nfunction emalda()\n{\n    const paber1 = document.getElementById(\"paber1\");\n    if (paber1.getContext)\n    {\n        let p1 = paber1.getContext(\"2d\");\n        p1.clearRect(0, 0, 300, 250);\n    }\n}\n\nfunction eestiLipp()\n{\n    const eesti = document.getElementById(\"eesti\");\n    if (eesti.getContext)\n    {\n        let e = eesti.getContext(\"2d\");\n        e.fillStyle = \"blue\";\n        e.fillRect(0, 0, 330, 70);\n        e.fillStyle = \"black\";\n        e.fillRect(0, 70, 330, 70);\n        e.fillStyle = \"white\";\n        e.fillRect(0, 140, 330, 70);\n    }\n}\n\nfunction saksamaaLipp()\n{\n    const saksamaa = document.getElementById(\"saksamaa\");\n    if (saksamaa.getContext)\n    {\n        let s = saksamaa.getContext(\"2d\");\n        s.fillStyle = \"black\";\n        s.fillRect(0, 0, 330, 70);\n        s.fillStyle = \"red\";\n        s.fillRect(0, 70, 330, 70);\n        s.fillStyle = \"yellow\";\n        s.fillRect(0, 140, 330, 70);\n    }\n}\n\nfunction ukrainaLipp()\n{\n    const ukraina = document.getElementById(\"ukraina\");\n    if (ukraina.getContext)\n    {\n        let s = ukraina.getContext(\"2d\");\n        s.fillStyle = \"blue\";\n        s.fillRect(0, 0, 330, 105);\n        s.fillStyle = \"yellow\";\n        s.fillRect(0, 105, 330, 105);\n    }\n}\n\nfunction lattiLipp()\n{\n    const latti = document.getElementById(\"latti\");\n    if (latti.getContext)\n    {\n        let s = latti.getContext(\"2d\");\n        s.fillStyle = \"darkred\";\n        s.fillRect(0, 0, 330, 80);\n        s.fillStyle = \"white\";\n        s.fillRect(0, 80, 330, 130);\n        s.fillStyle = \"darkred\";\n        s.fillRect(0, 130, 330, 210);\n    }\n}\n\nfunction italiaLipp()\n{\n    const italia = document.getElementById(\"italia\");\n    if (italia.getContext)\n    {\n        let s = italia.getContext(\"2d\");\n        s.fillStyle = \"green\";\n        s.fillRect(0, 0, 110, 210);\n        s.fillStyle = \"white\";\n        s.fillRect(110, 0, 110, 210);\n        s.fillStyle = \"darkred\";\n        s.fillRect(220, 0, 110, 210);\n    }\n}\n\nfunction rootsiLipp()\n{\n    const rootsi = document.getElementById(\"rootsi\");\n    if (rootsi.getContext)\n    {\n        let s = rootsi.getContext(\"2d\");\n        s.fillStyle = \"blue\";\n        s.fillRect(0, 0, 330, 210);\n        s.fillStyle = \"yellow\";\n        s.fillRect(100, 0, 50, 210);\n        s.fillStyle = \"yellow\";\n        s.fillRect(0, 80, 330, 50);\n    }\n}\n\nfunction sveitslaneLipp()\n{\n    const sveitslane = document.getElementById(\"sveitslane\");\n    if (sveitslane.getContext)\n    {\n        let s = sveitslane.getContext(\"2d\");\n        s.fillStyle = \"red\";\n        s.fillRect(0, 0, 330, 210);\n        s.fillStyle = \"white\";\n        s.fillRect(135, 35, 55, 140);\n        s.fillStyle = \"white\";\n        s.fillRect(80, 80, 170, 55);\n    }\n}\n\n\n<\/script>\n\n\n\n<style>\n\n#paber1\n{\n    background-color: dodgerblue;\n    width: 300px;\n    height: 250px;\n}\n#eesti\n{\n    border: 1px solid black;\n}\n#saksamaa\n{\n    border: 1px solid black;\n}\n#ukraina\n{\n    border: 1px solid black;\n}\n#latti\n{\n    border: 1px solid black;\n}\n#italia\n{\n    border: 1px solid black;\n}\n#rootsi\n{\n\n    border: 1px solid black;\n}\n#sveitslane\n{\n\n    border: 1px solid black;\n}\n\n\n<\/style>\n","protected":false},"excerpt":{"rendered":"<p>Joonistamine Laius Laius Eesti lipp Joonista Eesti lipp Saksamaa lipp Joonista Saksamaa lipp Ukraina lipp Joonista Ukraina lipp L\u00e4tti lipp Joonista L\u00e4tti lipp Italia lipp Joonista Italia lipp Rootsi lipp Joonista Rootsi lipp \u0161veitslane lipp Joonista \u0161veitslane lipp<\/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-931","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Joonistamine kanvas - Erik Gerega &otilde;pimapp<\/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:\/\/erikgerega23.thkit.ee\/wp\/joonistamine-kanvas\/\" \/>\n<meta property=\"og:locale\" content=\"et_EE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Joonistamine kanvas - Erik Gerega &otilde;pimapp\" \/>\n<meta property=\"og:description\" content=\"Joonistamine Laius Laius Eesti lipp Joonista Eesti lipp Saksamaa lipp Joonista Saksamaa lipp Ukraina lipp Joonista Ukraina lipp L\u00e4tti lipp Joonista L\u00e4tti lipp Italia lipp Joonista Italia lipp Rootsi lipp Joonista Rootsi lipp \u0161veitslane lipp Joonista \u0161veitslane lipp\" \/>\n<meta property=\"og:url\" content=\"https:\/\/erikgerega23.thkit.ee\/wp\/joonistamine-kanvas\/\" \/>\n<meta property=\"og:site_name\" content=\"Erik Gerega &otilde;pimapp\" \/>\n<meta property=\"article:modified_time\" content=\"2024-10-18T07:49:08+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minut\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/erikgerega23.thkit.ee\\\/wp\\\/joonistamine-kanvas\\\/\",\"url\":\"https:\\\/\\\/erikgerega23.thkit.ee\\\/wp\\\/joonistamine-kanvas\\\/\",\"name\":\"Joonistamine kanvas - Erik Gerega &otilde;pimapp\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/erikgerega23.thkit.ee\\\/wp\\\/#website\"},\"datePublished\":\"2024-10-18T07:47:21+00:00\",\"dateModified\":\"2024-10-18T07:49:08+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/erikgerega23.thkit.ee\\\/wp\\\/joonistamine-kanvas\\\/#breadcrumb\"},\"inLanguage\":\"et\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/erikgerega23.thkit.ee\\\/wp\\\/joonistamine-kanvas\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/erikgerega23.thkit.ee\\\/wp\\\/joonistamine-kanvas\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/erikgerega23.thkit.ee\\\/wp\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Joonistamine kanvas\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/erikgerega23.thkit.ee\\\/wp\\\/#website\",\"url\":\"https:\\\/\\\/erikgerega23.thkit.ee\\\/wp\\\/\",\"name\":\"Erik Gerega &otilde;pimapp\",\"description\":\"Noorem tarkvaraarendaja eriala\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/erikgerega23.thkit.ee\\\/wp\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"et\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Joonistamine kanvas - Erik Gerega &otilde;pimapp","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:\/\/erikgerega23.thkit.ee\/wp\/joonistamine-kanvas\/","og_locale":"et_EE","og_type":"article","og_title":"Joonistamine kanvas - Erik Gerega &otilde;pimapp","og_description":"Joonistamine Laius Laius Eesti lipp Joonista Eesti lipp Saksamaa lipp Joonista Saksamaa lipp Ukraina lipp Joonista Ukraina lipp L\u00e4tti lipp Joonista L\u00e4tti lipp Italia lipp Joonista Italia lipp Rootsi lipp Joonista Rootsi lipp \u0161veitslane lipp Joonista \u0161veitslane lipp","og_url":"https:\/\/erikgerega23.thkit.ee\/wp\/joonistamine-kanvas\/","og_site_name":"Erik Gerega &otilde;pimapp","article_modified_time":"2024-10-18T07:49:08+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 minut"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/erikgerega23.thkit.ee\/wp\/joonistamine-kanvas\/","url":"https:\/\/erikgerega23.thkit.ee\/wp\/joonistamine-kanvas\/","name":"Joonistamine kanvas - Erik Gerega &otilde;pimapp","isPartOf":{"@id":"https:\/\/erikgerega23.thkit.ee\/wp\/#website"},"datePublished":"2024-10-18T07:47:21+00:00","dateModified":"2024-10-18T07:49:08+00:00","breadcrumb":{"@id":"https:\/\/erikgerega23.thkit.ee\/wp\/joonistamine-kanvas\/#breadcrumb"},"inLanguage":"et","potentialAction":[{"@type":"ReadAction","target":["https:\/\/erikgerega23.thkit.ee\/wp\/joonistamine-kanvas\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/erikgerega23.thkit.ee\/wp\/joonistamine-kanvas\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/erikgerega23.thkit.ee\/wp\/"},{"@type":"ListItem","position":2,"name":"Joonistamine kanvas"}]},{"@type":"WebSite","@id":"https:\/\/erikgerega23.thkit.ee\/wp\/#website","url":"https:\/\/erikgerega23.thkit.ee\/wp\/","name":"Erik Gerega &otilde;pimapp","description":"Noorem tarkvaraarendaja eriala","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/erikgerega23.thkit.ee\/wp\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"et"}]}},"_links":{"self":[{"href":"https:\/\/erikgerega23.thkit.ee\/wp\/wp-json\/wp\/v2\/pages\/931","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/erikgerega23.thkit.ee\/wp\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/erikgerega23.thkit.ee\/wp\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/erikgerega23.thkit.ee\/wp\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/erikgerega23.thkit.ee\/wp\/wp-json\/wp\/v2\/comments?post=931"}],"version-history":[{"count":2,"href":"https:\/\/erikgerega23.thkit.ee\/wp\/wp-json\/wp\/v2\/pages\/931\/revisions"}],"predecessor-version":[{"id":934,"href":"https:\/\/erikgerega23.thkit.ee\/wp\/wp-json\/wp\/v2\/pages\/931\/revisions\/934"}],"wp:attachment":[{"href":"https:\/\/erikgerega23.thkit.ee\/wp\/wp-json\/wp\/v2\/media?parent=931"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}