canvas笔记备忘

 

备忘#

1. canvas标签的宽和高设置是标签属性设置, 不是 css 属性设置. 如果用 css 属性设置大小, canvas 会被拉伸. 标签属性例如: class, id, style, width, heigh......  css 属性例如: style.width, style.height 这些.

 

设置渐变半透明填充:

?

1 2 3 4

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