canvas demo:帆布书房 源码

文档地址 1-绘制形状 2-使用样式和颜色 fillStyle = color 设置图形的填充颜色。 strokeStyle = color 设置图形轮廓的颜色。 color 可以是表示 CSS 颜色值的字符串,渐变对象或者图案对象。 默认情况下,线条和填充颜色都是黑色(CSS 颜色值 #000000)。 // 这些 fillStyle 的值均为 '橙色' ctx.fillStyle = "orange"; ctx.fillStyle = "#FFA500"; ctx.fillStyle = "rgb(255,165,0)"; ctx.fillStyle = "rgba(255,165,0,1)"; 3-绘制文本 4-使用图片 5-变形 状态的保存和恢复 Saving and restoring state 在了解变形之前,我先介绍两个在你开始绘制复杂图形时必不可少的方法。 save()