首页 > 其他分享 >js 转换image data 成黑白色。

js 转换image data 成黑白色。

时间:2023-05-26 15:56:49浏览次数:41  
标签:成黑 colour js black imgData data image 255

We can even make it pure black and white by using the following calculations:

  • black = 0 - 382
  • white = 383 - 765
    And it will result in the following loop:
for (i = 0; i < imgData.data.length; i += 4) {
    let count = imgData.data[i] + imgData.data[i + 1] + imgData.data[i + 2];
    let colour = 0;
    if (count > 383) colour = 255;

    imgData.data[i] = colour;
    imgData.data[i + 1] = colour;
    imgData.data[i + 2] = colour;
    imgData.data[i + 3] = 255;
}

标签:成黑,colour,js,black,imgData,data,image,255
From: https://www.cnblogs.com/Regina-wisdom/p/17434942.html

相关文章

  • 使用JMeter进行一次简单的带json数据的post请求测试,json可配置参数
    配置:1、新建一个线程组:然后设置线程数、运行时间、重复次数。2、新建Http请求:设置服务器域名,路径,方法,编码格式,数据内容。可以在函数助手中,编辑所需要的变量,比如本例中的随机生成电话号码。3、添加HTTP信息头管理器然后信息头添加一条名称为Content-Type,值为application/json即可......
  • js中使用Object.assign方法给对象赋值
    原先的this.addForm.strPrice=resPrice.result.strPricethis.addForm.price=resPrice.result.pricethis.addForm.priceId=resPrice.result.priceId现在的只需一句代码搞定Object.assign(this.addForm,resPrice.result)减少代码冗余,提高项目的可维护性。......
  • [论文阅读] Diffusion Models Beat GANs on Image Synthesis
    Pretitle:DiffusionModelsBeatGANsonImageSynthesisaccepted:NeurIPS2021paper:https://arxiv.org/abs/2105.05233code:https://github.com/openai/guided-diffusionref:https://sunlin-ai.github.io/2022/05/30/guided-diffusion.htmlref:https://blog.cs......
  • JS 里如何实现异步?
    由于JS是单线程程操作,所以遇到了一些比较耗时的操作时,会影响到主线程的效率,比如在扫描二维码应用中,解析QRcode的过程中会造成页面相机流的卡顿。所以将耗时的解析过程放到子线程中就不会影响到主线程。使用webworker可以实现这个功能。1.子线程在子线程web_worker.js中使......
  • js 睡眠函数
    functiondelay(ms){returnnewPromise((resolve,reject)=>setTimeout(resolve,ms))}letinit=async()=>{console.log(1)awaitdelay(2000)console.log(2)}init()作者:北京小伙_盼链接:https://juejin.cn/post/7138662664883929096来源:稀土掘金......
  • vue Js对象结构函数使用方法
    写了三行不如一行搞定原先的constinComeTypeId=this.queryForm.inComeTypeIdconstcurrentPage=this.queryForm.currentPageconstpageSize=this.queryForm.pageSize现在的const{inComeTypeId,currentPage,pageSize}=this.queryForm一行代码实现变量......
  • 直播系统源代码,js控制滚动条位置
    直播系统源代码,js控制滚动条位置  privaterenderData=()=>{ /*图形渲染方法*/    this.renderCanvas();    /*定位滚动条,要在图形渲染之后定位*/    constdom=document.getElementById(this._para.container)    dom!.style.ove......
  • js百度地图计算两经纬度坐标点的距离
    百度地图提供现成的方法,直接调用就可以了Map类getDistance(start:Point,end:Point)Number返回两点之间的距离,单位是米。(自1.1新增)varmap=newBMap.Map("container");varpoint1=newBMap.Point(lng1,lat1);varpoint2=newBMap.Point(lng2,lat2);vardistanc......
  • js调用摄像头拍照及扫描二维码
    注:js调用摄像头需要localhost域或者https,否则会报无权限一引用jsGithub:https://github.com/mebjas/html5-qrcode<scriptsrc="html5-qrcode.min.js?v=2"></script>二html页面<!DOCTYPEhtml><html><head><title>Instascan</titl......
  • C#与Node JS互相实现DES加密解密
    具体的加密算法可以可自行查询其区别,这里只是抛砖引玉,大部分加密方法基本都能通过改变传入参数来实现。C#相关类文档: System.Security.Cryptography命名空间|MicrosoftLearnNodeJS相关文档:Crypto|Node.jsv16.20.0Documentation(nodejs.org) C#加密函数:1using......