摘要：
canvas 像素操作 像素，即像素点，一个像素只有一个颜色 100*100 的 px 的屏幕区域有 100*100*4 个像素点，即 width*height*4 rgba(0, 0, 0, 1); 在 css 中透明的范围为 0-1 rgba(0, 0, 0, 255); 在 canvas 中透 阅读全文
摘要：
刮刮卡（图片合成） 定义： globalCompositeOperation 属性，设置或返回如何将源图像 将 myCanvas 的背景图设置为一张图片，（刮开后显示） // 目标图像（已有的，外面一层即将被刮掉的那一图像） pen.beginPath(); pen.fillStyle = "red 阅读全文
摘要：
canvas 文本相关 填充文本 pen.fillText("HelloWorld", 100, 100); 文本的(100, 100) 在文本基线处 文本样式 pen.font = "blod 40px 微软雅黑"; 描边文本 pen.strokeText("哈哈", 200, 200); 水平对 阅读全文
摘要：
canvas 线性渐变 var linearG = pen.createLinearGradient(startX, startY, endX, endY); 两点的连线，决定了渐变的方向，和区间 var pen = myCanvas.getContext("2d"); // 1. 创建线性渐变 v 阅读全文
摘要：
canvas 图片加载 pen.drawImage(ele, showX, showY, imgWidth, imgHeight); ele 将 img 元素 加载到画布上 步骤 1. 创建一个 <img> 对象 var imgNode = new Image(); imgNode.src = ". 阅读全文
摘要：
.save() 和 .restore() 除了会保存之前的样式，还会保存之前的坐标轴 pen.translate(x, y); 将画布的 坐标轴原点(0, 0) 从画布的左上角，移动到 (x, y) 必须再绘制之前，移动坐标轴 改变 画布坐标轴 之前的绘制，不受影响。 pen.scale(x, y) 阅读全文