1. canvas标签的宽和高设置是标签属性设置, 不是 css 属性设置. 如果用 css 属性设置大小, canvas 会被拉伸. 标签属性例如: class, id, style, width, heigh...... css 属性例如: style.width, style.height 这些.
设置渐变半透明填充:
var lineGradient = context.createLinearGradient (0, 0, 0, 200); lineGradient.addColorStop(0, ‘rgba(182,255,218,0.5)‘); lineGradient.addColorStop(1, ‘rgba(252,133,255, 0.5)‘); context.fillStyle =lineGradient
原文：https://www.cnblogs.com/xuange306/p/12059201.html