Line width for .bezierCurveTo

[Leo Casado]

Hello,

I am using the HTML5 Canvas code snippets to create a few bezier curves. Everything works fine (see project here), but I need to change the line thickness, and cannot find how to enter a line width parameter on the .bezierCurveTo. Here is a sample script that I am using for each curve:

var shape =  new createjs.Shape(new createjs.Graphics().beginStroke(“#000000”).moveTo(X1,Y1).bezierCurveTo(X2,Y2,X3,Y3,X4,Y4).endStroke());
this.addChild(shape);

Help!

Leo

[Colin Holgate · Accepted solution]

It appears to be setStrokeStyle(). If you break your lines up a bit it will be easier to set:

var g = new createjs.Graphics();

g.setStrokeStyle(3); // for example, 3 pixel line width

g.beginStroke("#000000").moveTo(X1,Y1).bezierCurveTo(X2,Y2,X3,Y3,X4,Y4).endStroke());

var shape = new createjs.Shape(g);

this.addChild(shape);

[Leo Casado]

Thank you, Colin!

It worked GREAT. Still a work in progress, but you can see results here.

Best,

Leo

[Colin Holgate]

Looks nice. It was something new to me too, so I learned something!