首页 > 编程语言 >记录 javascript canvas ImageData 解析

记录 javascript canvas ImageData 解析

时间:2022-09-03 14:11:18浏览次数:74  
标签:canvas ImageData javascript height width data Math 255

数组的内容:   data.length: w * h * 4   r: 0 - 255   g: 0 - 255   b: 0 - 255   a: 0 - 255 Math.round(255 * a)   数组遍历:

const data = context.getImageData(0, 0, canvas.width, canvas.height).data,
len = canvas.width * canvas.height;
for(let k = 0, x, y, r, g, b, a, i; k < len; k++){ x = k % width; y = Math.floor(k / width);
i = k*4; r = data[i] g = data[i+1] b = data[i+2] a = data[i+3] console.log(x, y, r, g, b, a, i); }

 

标签:canvas,ImageData,javascript,height,width,data,Math,255
From: https://www.cnblogs.com/weihexinCode/p/16652500.html

相关文章

  • JavaScript 原始值的比较和对象的比较
    原始值有null、undefined、布尔值、数字、字符串。所有的原始值,只要编码值相同,则被认为相等:letpri1=123;letpri2=123;pri1===pri2;//=>true相反,对象的比......
  • HTML、CSS 和 JavaScript 中的所有唯一字符挑战
    HTML、CSS和JavaScript中的所有唯一字符挑战HTML:<divclass="wrapper"><h1>所有独特的字符</h1><br><p>来自<ahref="https://buttondown.email/cassidoo/ar......
  • 前端面试题 JavaScript 基础 —— 2022-09-03
    每日3题13以下代码执行后,控制台中的输出内容为?Object.prototype.a=1;Function.prototype.b=2;functionF(){}varf=newF();console.log(F.a);console.lo......
  • JavaScript const
    JavaScriptconst块作用域varx=10;//此处x为10{constx=6;//此处x为6}//此处x为10在声明时赋值constPI;PI=5134525352;//不正确co......
  • # JavaScript 对象
    目录JavaScript对象对象创建对象(object)的三种方式new关键字遍历对象属性(forin)JavaScript对象对象在JavaScript中,对象是一组无序的相关属性和方法的集合,所有的事物都......
  • 简单理解 JavaScript 的词法作用域
    前言关于作用域的有关知识点有全局作用域、局部作用域、函数作用域、块级作用域、词法作用域、作用域链。作用域作用域就像是一个教室,上课时教室里面的人互相可见,A教室......
  • JavaScript let
    JavaScriptlet1.全局作用域全局(在函数之外)声明的变量拥有全局作用域。varname1="yao";//全局作用域//此处可以使用name1functionmyFunction(){//此处也可......
  • Day01-JavaScript
    0825:Day01JS编写位置1.外链式 外部文件夹JS文件中,然后通过script标签引入 <scriptsrc="js/script.js"></script>2.嵌入式 内部的script的标签中 <script>alert("......
  • JavaScript学习
    一、什么是JavaScriptJavaScript世界上最流行的脚本语言一个合格的后端人员,必须精通JavaScript二、快速入门2.1、引入JavaScript内部引入<!DOCTYPEhtml><htmlla......
  • JavaScript 一些实用辅助类库
    "usestrict";var__emptyPoint=null,__emptyContext=null;constColorRefTable=[['aliceblue','#f0f8ff'],['antiquewhite','#faebd7'],['aqua','#00......