2019年3月20日
h5-canvas 单像素操作
摘要： ###1. 自定义获取指定坐标像素 var canvas = document.querySelector("#cav"); if(canvas.getContext){ var ctx= canvas.getContext("2d"); ctx.fillRect(100,100,200,200) 阅读全文
posted @ 2019-03-20 23:08 He_John 阅读(447) 评论(0) 推荐(0) 编辑
h5-canvas 像素操作
摘要： ###1.得到场景像素数据 getImageData()：获得一个包含画布场景像素数据的ImageData对象，它代表了画布区域的对象数据 ctx.getImageData(sx,sy,sw,sh) sx ( sy): 将要被提取的像素数据矩形区域的左上角x （y） 坐标 sw （sh）： 将要被提 阅读全文
posted @ 2019-03-20 17:06 He_John 阅读(843) 评论(0) 推荐(0) 编辑
h5-canvas（其他api）
摘要： ###1.使用图片（需要image对象） drawImage(image,x,y,width,height) 其中image是image或者canvas对象，x和y 是其在目标canvas的起始坐标 width和height指控制该image或canvas对象画入画布的大小 eg： var img 阅读全文
posted @ 2019-03-20 11:02 He_John 阅读(357) 评论(0) 推荐(0) 编辑