Canvas Elemente erstellen

[07alex07]

Hallo zusammen,

kennt Sich jemand mit den Canvas Element aus? Ich würde gerne paar Striche, Rechtecke usw. in die Homepage einbauen.
Anbei ein Beispiel vom Footer.

Würde das gerne ohne Bilder lösen wenn es geht. Bin für jeden Vorschlag offen.

[Stefko]

Hallo zusammen,

kennt Sich jemand mit den Canvas Element aus? Ich würde gerne paar Striche, Rechtecke usw. in die Homepage einbauen.
Anbei ein Beispiel vom Footer.

Würde das gerne ohne Bilder lösen wenn es geht. Bin für jeden Vorschlag offen.

Hi,
blöde gefragt, warum nicht einfach ein SVG als BG-Image?

Grüße, Stefko


Gesendet von iPhone mit Tapatalk

[07alex07]

Es gibt keine Blöden fragen ;-)

Weil sich die Elemente "Dreieck" auf der ganzen Homepage verteilen.
Es soll z.B. auch auf der linken und rechten Seite jeweils paar Elemente dargestellt werden.

[mlweb]

Mal ein bisschen gespielt z.B. nach den Erklärungen bei W3Schools (https://www.w3schools.com/html/html5_canvas.asp).
Gute Quelle ist auch immer https://www.mediaevent.de/xhtml/canvas.html.

Ich würde bei Deinem Beispiel aber auch eher an SVG und ggf. Transformation (SVG-Transform oder über CSS) derselben nachdenken.

https://www.mediaevent.de/tutorial/svg-transform.html

[07alex07]

Danke für dein Feedback.
Bin gespannt was noch so alles als Empfehlung kommt.

Was ich mit Canvas noch nicht geschafft habe ist, dass das Element immer im Vordergrund ist. In den Hintergrund mit z-Index will das Ding nicht.

Werde aber noch weiter testen und Info geben.