strokeStyle() to add colours to line on html canvas on a Canvas

strokeStyle() to add colour to lines on Canvas

Drag the sliders to change the X, Y postion and height width values for the rectangle. Click the colour table to select a colour for strokeStyle.

Copy Hex value

void gctx.strokeStyle = colour | gradient | pattern;

Options :

strokeStyle = colour

Specify a colour as shown in this demo

strokeStyle = gradient

strokeStyle = pattern

(object) Image , video etc and to generate repeat image

var my_canvas=$('#my_canvas').get(0)
var gctx = my_canvas.getContext("2d");
gctx.beginPath();
gctx.strokeStyle = 'red';
gctx.fillRect(20,20,50,50);

This article is written by plus2net.com team.

plus2net.com

strokeStyle() to add colour to lines on Canvas