Canvas -

[mhz]

Hallo zusammen!

Ich bin ganz neu hier im Forum.

Um meinen Schülern im Homeschooling bestimmte Inhalte besser zu visualisieren, bin ich für mein Projekt (https://www.kramlade.de/?Pruefe-dich-selbst-und-lerne/Deutsch/Schwierigere-Uebungen/Satzbau/Bestimmungen-3) auf die Möglichkeiten mit <canvas> gestoßen. Soweit sind mir auch die Anpassungen bereits gelungen, dass der verwendete Text gut lesbar und nicht verzerrt dargestellt wird.

Leider sind die verwendeten Linien (beim Code von Chtiwi Malek) nicht wie mit dem Lineal gezogen (https://tutor-test.cmsimplexh.de/?Canvas-Test-3); er hat allerdings die Auswahl von unterschiedlicher Strichdicke und eine Auswahl von Farben.

Bei stackoverflow fand ich eine Installation (https://tutor-test.cmsimplexh.de/?Canvas-Test-4-Strecke), die das kann, allerdings nur in rot. Was ich allerdings bisher nicht hinbekommen habe, ist eine Kombination von beiden.

Bisher hatte ich keinen Erfolg, der sich dadurch äußerte, dass entweder das hinterlegte Bild bein canvas nicht mehr angezeigt wird und/oder ich nicht mehr zeichnen kann.

Kann mir bitte jemand helfen. Ich bin für jeden Vorschlag dankbar!

Viele Grüße Michael