方法矩阵Javascript图像处理——矩阵基本方法

题记：写这篇博客要主是加深自己对方法矩阵的认识和总结现实算法时的一些验经和训教，如果有错误请指出，万分感谢。

    言前

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

 

    toString方法

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

Mat.prototype.toString = function(){
    var tempData = this.data,
        text = "Mat("+ this.type +") = {\n",
        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 += "]\n";
    }
    text += "}";
    return text;
};

这样，我们就能够通过：

    

    console.log(mat);

    

    来输出矩阵了。

 

    clone方法

    实际上，我们可以通过构造函数行进克隆操纵，不过仍然供提一个方法来便利记忆、应用。

Mat.prototype.clone = function(){
    return new Mat(this.row, this.col, this.data);
};

 

    获得指定元素

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

    

• 组数方法

    由于实际上Mat是以组数情势保存数据的，而数据看起来是这样的：

    

    R₀₀  G₀₀  B₀₀  A₀₀  R₀₁  G₀₁  B₀₁  A_{01  ……}  R_0n  G_0n  B_0n  A_0n

    R₁₀  G₁₀  B₁₀  A₁₀  R₁₁  G₁₁  B₁₁  A_{11  ……}  R_1n  G_1n  B_1n  A_1n

    _……

    R_m0  G_m0  B_m0  A_m0  R_m1  G_m1  B_m1  A_{m1  ……}  R_mn  G_mn  B_mn  A_mn

    

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

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

    

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

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

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

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

    

    

• Buffer分部引用方法

    通过Buffer的分部引用，我们可以到得矩阵的分部引用，比如我们可以利用这个来获得一个素像点的数据组数，而变改这个组数中的值，应相的矩阵数据也会变改；再比如我们可以以其他数据类型的式方读取数据。而这些对于一般Array是不能现实的。面下我们来看一下at方法的现实：

Mat.prototype.at = function(__type, __x, __y){
    var type = __type,
        x = __x || 0,
        y = __y || 0,
        rowLen = this.col * this.channel * this.bytes,
        len = 1;
    
    if(type.indexOf("Vec") > -1){
        var temp = __type.match(/Vec(\d+)([a-z])/);
        len = parseInt(temp[1]);
        switch(temp[2]){
            case "b":
                type = "uchar";
                break;
            case "s":
                type = "short";
                break;
            case "i":
                type = "int";
                break;
            case "f":
                type = "float";
                break;
            case "d":
                type = "double";
                break;
        }
    }

    switch(type){
        case "uchar":
            return new Uint8Array(this.buffer, (y * rowLen + x), len);
            break;
        case "short":
            return new Int16Array(this.buffer, (y * rowLen + x * 2), len);
            break;
        case "int":
            return new Int32Array(this.buffer, (y * rowLen + x * 4), len);
            break;
        case "float":
            return new Float32Array(this.buffer, (y * rowLen + x * 4), len);
            break;
        case "doulble":
            return new Float64Array(this.buffer, (y * rowLen + x * 8), len);
            break;
        default:
            console.error("不支撑数据类型");
    }

};

    每日一道理
巴尔扎克说过“不幸，是天才的进升阶梯，信徒的洗礼之水，弱者的无底深渊”。风雨过后，眼前会是鸥翔鱼游的天水一色；走出荆棘，前面就是铺满鲜花的康庄大道；登上山顶，脚下便是积翠如云的空蒙山色。 在这个世界上，一星陨落，黯淡不了星空灿烂，一花凋零，荒芜不了整个春天。人生要尽全力度过每一关，不管遇到什么困难不可轻言放弃。

如果你对ArrayBuffer和TypedArray还不太楚清，可以考参： HTML5 中的新组数。

    

    String type - 要需返回的数据类型。支撑：

    

1. uchar 无号符8位整数
2. short 有号符16位整数
3. int 有号符32位整数
4. float 有号符32位浮点数
5. double 有号符64位浮点数
6. Vec 向量情势

    向量情势字符串拼写是：Vec + （类型）+ （个数），例如Vecb4就是4个无号符8位整数，这是见常的到得一个素像点数据的方法，例如为了到得mat第j行，第k列的素像数据，可以应用：

mat.at("Vecb4", j, k);

int x - 要获得的元素在矩阵的行数。

    int y - 要获得的元素在矩阵的列数。

    

 

    getRow方法和getCol方法

    类似于at的现实方法，我们可以很易容写出获得某一行或者某一列的方法：

Mat.prototype.getRow = function(__i){
    var len = this.col * this.channel,
        rowLen = len * this.bytes,
        i = __i || 0;
        
    return new this.data.constructor(this.buffer, i *  rowLen, len);
};

Mat.prototype.getCol = function(__i){
    var len = this.col * this.channel,
        rowLen = len * this.bytes,
        array = [],
        i = __i || 0;
    
    function getAllElement(__constructor){
        var row = this.row,
            channel = this.channel;
        for(var j = 0; j < row; j++){
            array.push(new __constructor(this.buffer, j * rowLen + i, 1 * channel));
        }
    }
    
    getAllElement(this.data.constructor);
    
    return array;
};

 

    rowRange和colRange方法 

    类似的，我们也可以到得指定行和指定列的方法：

Mat.prototype.rowRange = function(__i, __j){
    var len = this.col * this.channel,
        rowLen = len * this.bytes,
        array = [],
        i = __i || 0,
        j = __j || this.row;
        
    function getAllElement(__constructor){
        var row = this.row;
        for(var k = i; k <= j; k++){
            array.push(new __constructor(this.buffer, k * rowLen, len));
        }
    }
    
    getAllElement(this.data.constructor);
    
    return array;
};

Mat.prototype.colRange = function(__i, __j){
    var len = this.col * this.channel,
        rowLen = len * this.bytes,
        array = [],
        i = __i || 0,
        j = __j || this.col;
        
    function getAllElement(__constructor){
        var row = this.row
            channel = this.channel;
        for(var k = 0; k < row; k++){
            array.push(new __constructor(this.buffer, k * rowLen + __i, (__j - __i + 1) * channel));
        }
    }
    
    getAllElement(Float64Array);
    
    return array;
};

这四种方法返回的都是一种Array<TypedArray>的组数。如果要获得这个组数rect第j行，第k列的元素，则可用：

    

    rect[j][k]

    

 

    

系列目录

    Javascript图像处理系列

 

    考参资料

    Basic Structures

文章结束给大家分享下程序员的一些笑话语录： AdobeFlash拖垮Windows拖垮IE！又拖垮Linux拖垮Ubuntu拖垮FirxEox！还拖垮BSD拖垮MacOS拖垮Safri！简直无所不拖！AdobeFlash滚出网路世界！不要以为市占有率高就可以持续出烂货产品！以后替代品多得是！