html5 文字定义线宽,html 5画布线宽

html画布线的哪些方法可以让我在画线时改变线宽？ 本示例采用所有线段的最后一行宽度。html 5画布线宽

var canvas = document.getElementById('myCanvas');

var context = canvas.getContext('2d');

context.lineTo(100, 0);

context.beginPath();

context.lineWidth = .5;

context.lineTo(200, 20);

context.lineWidth = 1;

context.lineTo(100, 40);

context.lineWidth = 2;

context.lineTo(200, 60);

context.lineWidth = 3;

context.lineTo(100, 80);

context.lineWidth = 4;

context.lineTo(200, 100);

context.lineWidth = 5;

context.lineTo(100, 120);

context.lineWidth = 6;

context.lineTo(200, 140);

context.lineWidth = 7;

context.lineTo(100, 160);

context.lineWidth = 8;

context.lineTo(200, 180);

context.lineWidth = 10;

context.lineTo(100, 200);

context.stroke();

2013-07-01

Abe

+0

你必须打破你的路径，调用中风，然后开始一个新的路径。 –