html5图片转canvas后调整色温、饱和度.

2023-04-11 20:37:03html-css018

html5图片转canvas后调整色温、饱和度.,第1张

这个比较复杂，我说几个要点。

首先是把图像写入canvas

var canvas = document.getElementById("canvas")

var cts = canvas.getContext("2d")

var img = document.getElementById("image")

var w = img.width, h = img.height

cts.drawImage(img, 0, 0)

然后获取canvas上每个像素点的rgba值

var data = cts.getImageData(0, 0, w, h)

var pixel = []

for (var i = 0 i < data / 4 i += 1) {

pixel.push(data.slice(4 * i, 4 * (i + 1)))

}

然后你就可以对pixel数组操作了。其中的4项分别是R，G，B，A。

使用色温和饱和度的计算公式就可以调整了。

调整完成之后，再写入canvas

cts.putImageData([].concat.apply([], pixel), 0, 0)

然后，你爱save就save，随你啦。

多波段光源由多种单色光组成。这些单色光在刑侦技术领域主要有三个方面的用途。当一种物质吸收某一个特殊波段的光波时，一部分的能量被转换成热量，另一部分能量被转换成新的光波被发射出去。这个新的光波称为荧光，被物质吸收的光波称为激发光。荧光的光子能量低于激发光，光强度低于激发光，波长大于激发光。物质吸收某一特殊波段光波产生荧光的特性可以用来提高痕迹物证的反差。当光照射在物质表面上时，物质可以吸收光，也可以反射光。某个特定物质可能较强地吸收某个特定波段的光，而强烈地反射其他波段的光。不同物质对光的吸收波段和反射波段是不同的。用一束特定波段的光照射承载痕迹的客体表面时，由于痕迹和背景客体对入射光的吸收率有较大差别，痕迹与客体之间的反差会显著加强。依据此原理，我们就可以利用多波段光源输出的各种波段的光增强痕迹的反差。

十三波段光源输出光的均匀度明显好于普通光源，配光效果更优良。例如，用十三波段光源的白光低角度斜射玻璃表面上的指纹，人眼寻找合适的观察方向，就可以观察到背景与指纹之间的明显反差。如果观察方向与背景的镜反射方向重合，就会看到背景明亮，指纹暗淡；如果观察方向错开背景的镜反射方向，就会看到，背景暗淡，指纹明亮。手持式主要是手持式十三波段光源，例如JTX-T911手持式十三波段光源。手持式又称为便携式多波段光源。手持式十三波段光源采用55瓦氙灯为发光源，氙灯输出光谱的范围在250nm-800nm区间，均衡地分布在紫外、可见和近红外区。经滤光片滤光后，在350nm-700nm范围内的各个波段都能滤出能量较强的单色光，而且各波段的能量比较均衡。随着发展，十三波段光源已由55W瓦氙灯到75W氙灯为发光源。

产品用途：

搜索浅在指纹、足迹、血印、纤维等微量物证

搜索射击残留物、血液、精斑、人体组织液等物证

提高荧光试剂处理过的指掌纹照相效果

用于紫外、荧光、分色照相的配光

产品特点：

55W氙灯，灯泡寿命3000小时，色温5500K

强紫外光输出，功率小，重量轻，光纯度好，便于携带

技术参数：

输出功率：55W 灯泡寿命：3000小时色温：5500K 供电：DC12V/AC220V

电池：12V锂离子充电电池，可连续工作60-100分钟，可选配备用电池

滤色片：采用优质硬膜干涉滤色片，输出的光单色性好、纯度高