Übung JavaScript Shape Poly Canvashttps://www.cmseo.ch/Übung JavaScript Shape Poly Canvas?&atomFri, 29 Mar 2024 09:17:17 +0000stack.ch
https://stack.ch/
23433a10-edad-11ee-8c11-005056bb85fbSimtech AG - Ausbildung - Internet Web Kurse - Kurs Javascript Programmierung - Kurs JavaScript ES6 Programmierung - Ressourcen - Kurs JavaScript ES6 Programmierung - Übungen OO - Übung JavaScript Shape Poly Canvas
https://www.cmseo.ch/Übung JavaScript Shape Poly Canvas
23433ce3-edad-11ee-8c11-005056bb85fbFri, 29 Mar 2024 09:17:17 +0000Übung JavaScript Shape Poly Canvas
https://www.cmseo.ch/Übung JavaScript Shape Poly Canvas
23433e17-edad-11ee-8c11-005056bb85fbFri, 29 Mar 2024 09:17:17 +0000
https://www.cmseo.ch/Übung JavaScript Shape Poly Canvas
23433f20-edad-11ee-8c11-005056bb85fbFri, 29 Mar 2024 09:17:17 +0000Diese Übung basiert auf der Übung Shape Canvas. Neu sollen alle Shapes in einem Shape Array über die Funktion initShapes() initialisiert werden. Danach zeichnen wir die Shapes über die Funktion drawShapes(canvas).Das folgende Script zeigt das neue HTML Canvas auf:<!DOCTYPE html>
<html>
<head>
<title>Shape Poly Canvas</title>
<script src="Shape.js"></script>
<script src="Rectangle.js"></script>
<script src="Oval.js"></script>
<script>
let shapes = [];
function initShapes() {
// TODO
}
function drawShapes(canvas) {
// TODO
}
</script>
</head>
<body>
<canvas id="myCanvas" width="400" height="400" style="background: #0000ff;">
Your browser does not support the HTML5 canvas tag.</canvas>
<script>
let myCanvas = document.getElementById('myCanvas');
initShapes();
drawShapes(myCanvas);
</script>
</body>
</html>Das Resultat der Anzeige soll gleich bleiben:
https://www.cmseo.ch/Übung JavaScript Shape Poly Canvas
2343472e-edad-11ee-8c11-005056bb85fbFri, 29 Mar 2024 09:17:17 +0000Lösen Sie bitte die Aufgabe wie folgt:Passen Sie die HTML Datei gemäss dem obigen Script an.Programmieren Sie die Funktion initShapes() aus.Programmieren Sie die Funktion drawShapes(canvas) aus.Testen Sie das Resultat via Run -> Chrome Browser.Ergänzen Sie die Klasse Shape mit den folgenden Methoden:getArea() {
return 0.0;
}
draw(canvas) { throw 'not supported'; }Diese Anpassung ist für die Lösung nicht notwendig aber kann die Subklassen entlasten.
https://www.cmseo.ch/Übung JavaScript Shape Poly Canvas
234349e2-edad-11ee-8c11-005056bb85fbFri, 29 Mar 2024 09:17:17 +0000Eine mögliche Lösung finden Sie hierÜber uns
https://www.cmseo.ch/about
Fri, 29 Mar 2024 09:17:17 +000023434ef9-edad-11ee-8c11-005056bb85fbAktuell
https://www.cmseo.ch/
Fri, 29 Mar 2024 09:17:17 +000023434f9e-edad-11ee-8c11-005056bb85fbAGB
https://www.cmseo.ch/agb
Fri, 29 Mar 2024 09:17:17 +000023435040-edad-11ee-8c11-005056bb85fbBildungswege
https://www.cmseo.ch/bildungswege
Fri, 29 Mar 2024 09:17:17 +0000234350fb-edad-11ee-8c11-005056bb85fbBlog
https://www.cmseo.ch/blog
Fri, 29 Mar 2024 09:17:17 +00002343519a-edad-11ee-8c11-005056bb85fbRufen Sie mich an
https://www.cmseo.ch/callus
Fri, 29 Mar 2024 09:17:17 +000023435236-edad-11ee-8c11-005056bb85fbCharts
https://www.cmseo.ch/charts
Fri, 29 Mar 2024 09:17:17 +0000234352ce-edad-11ee-8c11-005056bb85fbConsulting
https://www.cmseo.ch/consulting
Fri, 29 Mar 2024 09:17:17 +000023435367-edad-11ee-8c11-005056bb85fbKontakt
https://www.cmseo.ch/contact
Fri, 29 Mar 2024 09:17:17 +0000234353fc-edad-11ee-8c11-005056bb85fbAusbildung/Kurse
https://www.cmseo.ch/education
Fri, 29 Mar 2024 09:17:17 +000023435496-edad-11ee-8c11-005056bb85fbSoftware Engineering
https://www.cmseo.ch/engineering
Fri, 29 Mar 2024 09:17:17 +000023435531-edad-11ee-8c11-005056bb85fbFreelancer
https://www.cmseo.ch/freelancer
Fri, 29 Mar 2024 09:17:17 +0000234355cc-edad-11ee-8c11-005056bb85fbImpressum
https://www.cmseo.ch/impressum
Fri, 29 Mar 2024 09:17:17 +000023435667-edad-11ee-8c11-005056bb85fbKursleiter
https://www.cmseo.ch/kursleiter
Fri, 29 Mar 2024 09:17:17 +00002343570e-edad-11ee-8c11-005056bb85fbNetzwerk
https://www.cmseo.ch/network
Fri, 29 Mar 2024 09:17:17 +0000234357f2-edad-11ee-8c11-005056bb85fbReferenzen
https://www.cmseo.ch/references
Fri, 29 Mar 2024 09:17:17 +000023435890-edad-11ee-8c11-005056bb85fbSitemap
https://www.cmseo.ch/sitemap
Fri, 29 Mar 2024 09:17:17 +00002343593c-edad-11ee-8c11-005056bb85fbTools
https://www.cmseo.ch/tools
Fri, 29 Mar 2024 09:17:17 +0000234359d5-edad-11ee-8c11-005056bb85fbVision
https://www.cmseo.ch/vision
Fri, 29 Mar 2024 09:17:17 +000023435a78-edad-11ee-8c11-005056bb85fb