摘要：
<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0"> <title></title> <style> * { margin: 阅读全文
摘要：
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <canvas id="canvas" width="" height=""></canvas> </body> <script t 阅读全文
摘要：
###将画布导出为图像 toDataURL(注意是canvas元素接口上的方法) ###事件操作 ctx.isPointInPath(x, y) 判断在当前路径中是否包含检测点 x:检测点的X坐标 y:检测点的Y坐标 注意，此方法只作用于最新画出的canvas图像 阅读全文
摘要：
###全局透明度的设置 globalAlpha = value 这个属性影响到 canvas 里所有图形的透明度， 有效的值范围是 0.0 （完全透明）到 1.0（完全不透明） 默认是 1.0 ###覆盖合成 source:新的图像(源) destination:已经绘制过的图形(目标) globa 阅读全文
摘要：
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{ margin: 0; padding: 0; } html,body{ height: 100%; over 阅读全文
摘要：
###在canvas中的像素操作 到目前为止，我们尚未深入了解Canvas画布真实像素的原理，事实上， 你可以直接通过ImageData对象操纵像素数据，直接读取或将数据数组写入该对象中 ###得到场景像素数据 getImageData():获得一个包含画布场景像素数据的ImageData对像,它代 阅读全文
摘要：
###在canvas中绘制文本 canvas 提供了两种方法来渲染文本: fillText(text, x, y) 在指定的(x,y)位置填充指定的文本 strokeText(text, x, y) 在指定的(x,y)位置绘制文本边框 ###文本样式 font = value 当前我们用来绘制文本的 阅读全文
摘要：
###在canvas中插入图片(需要image对象) 1.canvas操作图片时，必须要等图片加载完才能操作 2.drawImage(image, x, y, width, height) 其中 image 是 image 或者 canvas 对象，x 和 y 是其在目标 canvas 里的起始坐标 阅读全文