位置: 编程技术 - 正文

Javascript图像处理—亮度对比度应用案例(js 图像)

编辑:rootadmin

前言

上一篇文章,我们讲解了图像处理中的卷积操作和平滑(也就是模糊)处理,这篇文章我们进行亮度和对比度的变化。

其实,亮度是啥玩意?

亮度就是比较亮眼咯……

实际上对于RGBA颜色空间,变亮其实就等于R、G、B三个通道同时加大,那么变暗就等于同时减小咯。

这比较好理解,因为最暗的黑色是RGB(0,0,0),而最亮的白色是RGB(,,)。所以变亮应该RGB各通道都要增大。

那么,对比度呢?

对比度,其实就是颜色差啦。

那么对于RGBA颜色空间,对比度变大其实就等于R、G、B三个通道同时乘以一个比例,因为这样相近的颜色之间的差距就变大了,那么减小就是同时除以咯。

举个例子,原来RGB(,,)和RGB(,,)相差只有,但是一起乘以2以后,就变成了RGB(,,)和RGB(,,)

,相差变成了了,也就是“颜色差”变大了。

线性模型

newRGB = Contrast * RGB + Brightness

线性模型满足上述公式,其中 Contrast表示对比度系数,Brightness表示亮度系数。

线性模型实现比较简单,但是很容易就调出全白或者全黑的图片,对于普通用户来说Contrast、Brightness选多少比较好也比较难确定。

所以,实际上在Photoshop里面使用的并不是线性模型,而是非线性模型。

非线性模型

非线性模型中对比度增大和阈值Threshold有关:

当Contrast >= 0时:

newRGB = RGB + (RGB - Threshold) * (1 / (1 - Contrast / ) - 1)

当Contrast < 0时:

newRGB = RGB + (RGB - Threshold) * Contrast /

那么当对比度和亮度同时调整时候呢?

如果对比度大于0,先调整亮度,再调整对比度;当对比度小于0时,则相反,先调整对比度,再调整亮度。

最后一个问题,阈值Threshold到底是什么,其实这个是图片的灰度平均值。

实现代码效果

推荐整理分享Javascript图像处理—亮度对比度应用案例(js 图像),希望有所帮助,仅作参考,欢迎阅读内容。

Javascript图像处理—亮度对比度应用案例(js 图像)

文章相关热门搜索词:JavaScript图像处理,js可以对图片进行的所有操作,js实现图片3d效果,js 图像,js实现图片3d效果,javascript 绘图,javascript绘图库,JavaScript图像处理,内容如对您有帮助,希望把文章链接给更多的朋友!

表单的焦点顺序tabindex和对应enter键提交 表单的焦点tab键顺序:tabindex决定,如果值缺省,择按顺序用户:inputname="Text1"type="text"tabindex="1"/密码:inputname="Password1"type="password"tabindex="2"对应onsubmit事件

javascript编码的几个方法详细介绍 escape定义和用法escape()函数可对字符串进行编码,这样就可以在所有的计算机上读取该字符串。参数描述string必需。要被转义或编码的字符串。返回值已

js获取height和width的方法说明 !DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""

标签: js 图像

本文链接地址:https://www.jiuchutong.com/biancheng/379126.html 转载请保留说明!

上一篇:javascript学习(二)javascript常见问题总结(javascript基础入门教程)

下一篇:表单的焦点顺序tabindex和对应enter键提交(表单失去焦点事件)

  • 可以按小型微利企业核算企业所得税吗
  • 开票人和复核人收款人能是一个人吗
  • 理事单位和事业单位的区别
  • 公司合作分红
  • 小规模发票冲红怎么申报
  • 超市发票报销用途写什么
  • 产品没货怎么给客户解释
  • 税控盘怎么增加专票
  • 有营业执照有什么好处吗?
  • 增值税专用发票怎么开
  • 支票结算的账务处理
  • 影视公司招演员
  • 个人所得税免征项目有哪些
  • 核销贷款收回要冲减资产减值损失吗
  • 印花税到底什么通俗一点
  • 2017小规模纳税人标准
  • 烟草企业发生的广告和宣传费在当年营业收入15
  • 三证合一对纳税有影响吗
  • 并购重组协议样本
  • 短期融资券是
  • 工会经费的会计分录2022
  • 退货应该怎么记账
  • word基本怎么使用
  • 公司固定资产出售给个人
  • 再给我推荐几款
  • mac catalina系统怎么样
  • 如何关闭win11系统
  • qq2440启动linux后插入u盘出现usb 1-1: device descriptor read/64, error -110,usb 1
  • win7系统任务计划在哪里
  • 企业所得税的缴费基数
  • 企业无偿借款的税务处理
  • 劳务公司给包工头打款备注写什么
  • 罚款支出是什么意思
  • 出口退税款的账务怎么做
  • 最全面的心脏检查怎么做
  • 微擎框架是开源的吗
  • 筹建期间发生的收入
  • 高价值配件用入固定资产吗
  • 公司法关于公司变更后权利义务的规定
  • vue使用百度地图md5报错
  • c语言中使用指针的好处
  • 织梦图片集如何调用
  • 文章让修改了就一定会接收吗?
  • 电子回单可以入档案吗
  • 个人独资企业是不是个体工商户
  • 独立核算分公司与总公司的账务处理
  • 房地产企业进项税抵扣的时间
  • 电商平台 流量
  • 固定资产无形资产处置损益计入
  • 医保卡收到钱
  • 其他应收款的核算范围包括
  • 融资租入固定资产的入账价值
  • sql语句错误提示
  • 如何查看连接网络的密码
  • sql行列转换方式
  • mysql优化十大技巧
  • gwservice进程
  • ubuntu20.4 ssh
  • Ubuntu 14.04 64位搭建ADT开发环境的方法
  • 乾坤大挪移秘籍图片
  • Linux开机启动文件
  • win10h2版本
  • shwicon.exe - shwicon是什么进程 有什么用
  • win7系统360浏览器自动打开怎么关闭
  • 免费获取验证码
  • [视频大小超过限制,无法查看]怎么打开
  • mac安装nodejs的权限问题
  • 下眼角疼痒
  • css隐藏显示元素的方法
  • activity之间的数据回传
  • js实现二叉查找树
  • pg搭建
  • 深入理解两个大计重要论断心得体会
  • Python heapq使用详解及实例代码
  • javascript点击按钮改变字体颜色
  • unity接收数据
  • unity as
  • 申报参保时间怎么填
  • 税务稽查时长
  • 特斯拉购车补贴2023苏州
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设