Übung JavaScript Shape Poly Canvashttps://www.cmseo.ch/Javascript ES6 Übung JavaScript Shape Poly Canvas?&atomThu, 28 Mar 2024 23:13:48 +0000stack.ch
https://stack.ch/
d54f760e-ed58-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/Javascript ES6 Übung JavaScript Shape Poly Canvas
d54f7828-ed58-11ee-8c11-005056bb85fbThu, 28 Mar 2024 23:13:48 +0000Übung JavaScript Shape Poly Canvas
https://www.cmseo.ch/Javascript ES6 Übung JavaScript Shape Poly Canvas
d54f796a-ed58-11ee-8c11-005056bb85fbThu, 28 Mar 2024 23:13:48 +0000
https://www.cmseo.ch/Javascript ES6 Übung JavaScript Shape Poly Canvas
d54f7a70-ed58-11ee-8c11-005056bb85fbThu, 28 Mar 2024 23:13:48 +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/Javascript ES6 Übung JavaScript Shape Poly Canvas
d54f8246-ed58-11ee-8c11-005056bb85fbThu, 28 Mar 2024 23:13:48 +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/Javascript ES6 Übung JavaScript Shape Poly Canvas
d54f84d3-ed58-11ee-8c11-005056bb85fbThu, 28 Mar 2024 23:13:48 +0000Eine mögliche Lösung finden Sie hierÜber uns
https://www.cmseo.ch/about
Thu, 28 Mar 2024 23:13:48 +0000d54f899b-ed58-11ee-8c11-005056bb85fbAktuell
https://www.cmseo.ch/
Thu, 28 Mar 2024 23:13:48 +0000d54f8a2f-ed58-11ee-8c11-005056bb85fbAGB
https://www.cmseo.ch/agb
Thu, 28 Mar 2024 23:13:48 +0000d54f8ac0-ed58-11ee-8c11-005056bb85fbBildungswege
https://www.cmseo.ch/bildungswege
Thu, 28 Mar 2024 23:13:48 +0000d54f8b52-ed58-11ee-8c11-005056bb85fbBlog
https://www.cmseo.ch/blog
Thu, 28 Mar 2024 23:13:48 +0000d54f8bfb-ed58-11ee-8c11-005056bb85fbRufen Sie mich an
https://www.cmseo.ch/callus
Thu, 28 Mar 2024 23:13:48 +0000d54f8c97-ed58-11ee-8c11-005056bb85fbCharts
https://www.cmseo.ch/charts
Thu, 28 Mar 2024 23:13:48 +0000d54f8d27-ed58-11ee-8c11-005056bb85fbConsulting
https://www.cmseo.ch/consulting
Thu, 28 Mar 2024 23:13:48 +0000d54f8db5-ed58-11ee-8c11-005056bb85fbKontakt
https://www.cmseo.ch/contact
Thu, 28 Mar 2024 23:13:48 +0000d54f8e41-ed58-11ee-8c11-005056bb85fbAusbildung/Kurse
https://www.cmseo.ch/education
Thu, 28 Mar 2024 23:13:48 +0000d54f8ece-ed58-11ee-8c11-005056bb85fbSoftware Engineering
https://www.cmseo.ch/engineering
Thu, 28 Mar 2024 23:13:48 +0000d54f8f5e-ed58-11ee-8c11-005056bb85fbFreelancer
https://www.cmseo.ch/freelancer
Thu, 28 Mar 2024 23:13:48 +0000d54f8fe8-ed58-11ee-8c11-005056bb85fbImpressum
https://www.cmseo.ch/impressum
Thu, 28 Mar 2024 23:13:48 +0000d54f9075-ed58-11ee-8c11-005056bb85fbKursleiter
https://www.cmseo.ch/kursleiter
Thu, 28 Mar 2024 23:13:48 +0000d54f9150-ed58-11ee-8c11-005056bb85fbNetzwerk
https://www.cmseo.ch/network
Thu, 28 Mar 2024 23:13:48 +0000d54f91fb-ed58-11ee-8c11-005056bb85fbReferenzen
https://www.cmseo.ch/references
Thu, 28 Mar 2024 23:13:48 +0000d54f929f-ed58-11ee-8c11-005056bb85fbSitemap
https://www.cmseo.ch/sitemap
Thu, 28 Mar 2024 23:13:48 +0000d54f9333-ed58-11ee-8c11-005056bb85fbTools
https://www.cmseo.ch/tools
Thu, 28 Mar 2024 23:13:48 +0000d54f93bf-ed58-11ee-8c11-005056bb85fbVision
https://www.cmseo.ch/vision
Thu, 28 Mar 2024 23:13:48 +0000d54f944a-ed58-11ee-8c11-005056bb85fb