Generierte Vektorgrafik (canvas-Element) / Diskussion

Dies ist die Diskussion zur Wiki Seite Generierte Vektorgrafik (canvas-Element).

Rossi (Gast) 30 Oct 2011 18:11

Farbügergänge…?
wohl eher Farbübergänge ;-)

Christoph (Gast) 01 Dec 2011 21:42

Kleines Update:
Der im erstem Abschnitt genannte DiveIntoHTML.org-Link ist tot.
Ansonsten (wie gewohnt) schöner, klarer Artikel. Klingt ganz nach Webkompetenz…

Gruß
Ch

Peter (Gast) 11 Jan 2012 16:58

Ich mag mich dumm anstellen, denn eine Linie, die ich mit der angegebenen Funktion erzeugt habe, bekomme ich nicht farbig hin sondern nur schwarz. Weiß jemand Abhilfe?

solar-fan (Gast) 02 Nov 2012 18:31

Hallo Peter,
Du mußt das script, farbige Formen nehmen, und aus einem langem Quader eine schmale Linie generieren und farblich füllen. Ich habe diese beiden geänderten Zeile gekennzeichnet. Der Rest des scriptes ist noch wie oben im Original.

Damit kannst Du alles testen.

LG Enrico

<canvas id="farbige_formen" width="260" height="600"></canvas>
<script>
var farbformobj = document.getElementById('farbige_formen').getContext('2d');
setFill(farbformobj, "blue"); ####hier ist die Farbe geändert###
rect(farbformobj, 40, 20, 200, 5, 5, 5);#### hier ist die Form geändert####
setFill(farbformobj, "rgb(100%,80%,10%)");
setStroke(farbformobj, "rgb(50,50,200)", 6);
circle(farbformobj, 140, 140, 60);
unset(farbformobj);
setFill(farbformobj, "powderblue");
polygon(farbformobj, "40,220 240,220 140,360");

solar-fan (Gast) 02 Nov 2012 18:34

habe noch die letzte Zeile script-close vergessen

</script>

LG Enrico