Welcome 微信登录

首页 / 脚本样式 / JavaScript / Javascript图像处理:矩阵基本方法

Javascript图像处理:矩阵基本方法2013-10-14 Justany_WhiteSnow 前言

上一篇文章,我们定义了矩阵,这篇文章我们来给矩阵添加一些常用方法。

toString方法

toString方法通常用作将对象转成字符串描述,所以我们将这一方法定义为输出矩阵元素。

Mat.prototype.toString = function(){var tempData = this.data,text = "Mat("+ this.type +") = {
",num = this.col * this.channel;for(var i = 0; i < this.row; i++){text += "["for(var j = 0; j < num; j++){text += (tempData[i * num + j] + ",");}text += "]
";}text += "}";return text;};
这样,我们就可以通过:

console.log(mat);

来输出矩阵了。

clone方法

实际上,我们可以通过构造函数进行克隆操作,不过依然提供一个方法来方便记忆、使用。

Mat.prototype.clone = function(){return new Mat(this.row, this.col, this.data);};
获取指定元素

我们有两种方法获取矩阵元素。

数组方法

由于实际上Mat是以数组形式保存数据的,而数据看起来是这样的:

R00  G00  B00  A00  R01  G01  B01  A01  ……  R0n  G0n  B0n  A0n

R10  G10  B10  A10  R11  G11  B11  A11  ……  R1n  G1n  B1n  A1n

……

Rm0  Gm0  Bm0  Am0  Rm1  Gm1  Bm1  Am1  ……  Rmn  Gmn  Bmn  Amn

其中大写R、G、B、A分别代表各通道的数值,而下标第一个表示行号,第二个表示列号。即第k行,第j列的G通道数值就是Gkj。

我们很容易得到对于一个Mat类型的mat来说,第k行,第j列像素的每个元素分别是:

Rkj = mat.data[(k * mat.col + j) * 4 + 0]

Gkj = mat.data[(k * mat.col + j) * 4 + 1]

Bkj = mat.data[(k * mat.col + j) * 4 + 2]

Akj = mat.data[(k * mat.col + j) * 4 + 3]

Buffer部分引用方法