showing results for - "javascript canvas stroke text pointy"
Cassandra
25 Jul 2016
1var canvas = document.querySelector('#canvas');
2var ctx = canvas.getContext('2d');
3
4ctx.font = 'bold 110px "Arial"';
5ctx.lineWidth = 26;
6
7//Use miter
8ctx.lineJoin = 'miter';
9// fiddle around until u find the miterLimit that looks best to you.
10ctx.miterLimit = 2; 
11
12// or ctx.lineJoin = 'round';
13// or ctx.lineJoin = 'bevel';
14
15ctx.strokeStyle = '#a4ff11';
16ctx.strokeText('Water', 100, 100);
17
18ctx.fillStyle = '#ff0000';
19ctx.fillText('Water', 100, 100);