Defining lines and strokes


show more Defining lines and strokes provides you with in-depth training on Web. Taught by Ray Villalobos as part of the EaselJS First Look show less
please wait ...

Defining lines and strokes

Working with strokes is similar to working with fills. We have the option of creating solid as well as linear or radial gradient strokes. We also have the option to control the thickness of the stroke, as well as the shape of the corners and endpoints. In this video, I'm also to show you how to draw different types of line segments. I am starting off with a basic HTML template and I've done a little bit more set up in my JavaScript file. I've already set up the Canvas and Stage, plus added the shape to the stage and updated the stage.

If you have got questions about how this works, make sure you watch the video on understanding basic fills and colors. So when drawing line segments, we first need to define the color of the stroke as well as its style. The stroke style is going to take one to four values. If we just include one value, it defines the thickness of the stroke. We will make our stroke 10 pixels wide. So once we have a basic color and a stroke style, we ...

Defining lines and strokes
Video duration: 6m 59s 1h 28m Beginner

Viewers:

Defining lines and strokes provides you with in-depth training on Web. Taught by Ray Villalobos as part of the EaselJS First Look

Subject:
Web
Software:
CreateJS EaselJS
Author:
please wait ...