To define the width of an HTML5 Canvas line, we can use the lineWidth property of the canvas context. The lineWidth property must be set before calling stroke().
Code Editor
Modified on April 8th, 2013
by Eric Rowell
- Tutorials
- Basics
- Advanced
- KineticJS
- Three.js
- HTML5 Canvas
- Canvas Element
- Lines
- Line
- Line Width
- Line Color
- Line Cap
- Curves
- Arc
- Quadratic Curve
- Bezier Curve
- Paths
- Path
- Line Join
- Rounded Corners
- Shapes
- Custom Shape
- Rectangle
- Circle
- Semicircle
- Fill Styles
- Color Fill
- Linear Gradient
- Radial Gradient
- Pattern
- Images
- Draw Image
- Image Size
- Image Crop
- Image Loader
- Text
- Font, Size & Style
- Text Color
- Text Stroke
- Text Align
- Text Baseline
- Text Metrics
- Text Wrap
HTML5 Canvas Line Width Tutorial
Tweet