js<canvas>标签绘制不同粗细的线条

JavaScript017

js<canvas>标签绘制不同粗细的线条,第1张

请在绘制每条线条前，用beginPath()重置路径，这样每条线条的样式就可以单独设置了：

var cv = document.getElementById('canvas')

var g = cv.getContext('2d')

//绘制线条1

g.beginPath() //看这行

g.lineWidth=5

g.moveTo(x1,y1)

g.lineTo(x2,y2)

g.stroke()

//绘制线条2

g.beginPath()  //还有这行

g.lineWidth=10

g.moveTo(x3,y3)

g.lineTo(x4,y5)

g.stroke()

highcharts所有的图表除了饼图都有X轴和Y轴，默认情况下，x轴显示在图表的底部，y轴显示在左侧（多个y轴时可以是显示在左右两侧），通过设置chart.inverted = true 可以让x，y轴显示位置对调。 1、Axis Title 坐标轴标题。默认情况下，

直接用就可以了啊

这个是线条的粗细。。

ctx.lineWidth = 4

ctx.moveTo(10,10)

ctx.lineTop(100,10)