Avatar billede ggxdg Nybegynder
05. marts 2011 - 13:53 Der er 2 kommentarer og
1 løsning

HTML 5 Canvas linier i forskellige farver

Halløj :)

Jeg sidder og roder med at lave grafer i HTML5 og canvas.
Til det skal jeg så have mulighed for at lave linier i forskellige farver.
Jeg har ledt rundt på internettet, og har ikke fundet andet end nogle ret omstændige libraries, som man skal have en licens til, nogle eksempler på en enkel graf med en enkel linie, og en masse ensfarvede eksempler.

Jeg fandt dog et sted, hvor de havde et eksempel med flere farver, men der brugte man flere canvas'er og overlayede dem med hinanden.

Kan det virkeligt passe at man kan lave bokse og cirkler, fylde dem med forskellige farver, men når det kommer til linierne, at man så er nød til at overlaye flere elementer?
Avatar billede tjens Nybegynder
05. marts 2011 - 14:28 #1
Fandt et eksempel, der tegner i farve via context.strokeStyle = '#00f';
Avatar billede ggxdg Nybegynder
05. marts 2011 - 14:32 #2
Fandt løsningen - jeg syntes ellers jeg havde prøvet, men åbenbart ikke rigtigt første gang:

cxt.beginPath();
cxt.moveTo(10,2);
cxt.lineTo(2,10);
cxt.strokeStyle = "#00ff00";
cxt.stroke;

cxt.beginPath();
cxt.moveTo(100,20);
cxt.lineTo(20,100);
cxt.strokeStyle = "#0000ff";
cxt.stroke;

Havde åbenbart ikke ordenligt styr på "beginPath();" i mine første forsøg...
Avatar billede ggxdg Nybegynder
05. marts 2011 - 14:33 #3
Jeps... Det at få farve med, var ikke et problem, men at få forskellige farver fungerede ikke så godt, alt blev f.eks. grønt.

Men tak for dit input og tid :)
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester