封装好的函数
/*
* 功能：马赛克
* @param Object ctx 绘图环境
* @param Number xxx 马赛克起始点横坐标
* @param Number yyy 马赛克起始点纵坐标
* @param Number w 马赛克宽度
* @param Number h 马赛克高度
* @param Number group 马赛克组数
* @param Number num 马赛克每组的像素点个数
* @return null
*/
function MaSaiKe(ctx, xxx, yyy, w, h, num) {
console.log(arguments);
var obj = ctx.getImageData(xxx, yyy, w, h);
// 计算组数
var group = obj.width / num;
for (var i = 0; i < group; i++) {
for (var j = 0; j < group; j++) {
// 获取每一组中的随机像素点的坐标位置
var x = i * num + rand(0, num - 1);
var y = j * num + rand(0, num - 1);
var color = getPixelColor(obj, x, y);
// 将获取的颜色赋值给同组的其他兄弟
// 循环每一组的所有的像素点
for (var a = 0; a < num; a++) {
for (var b = 0; b < num; b++) {
// 确定每一个像素点的坐标点
var xx = i * num + a;
var yy = j * num + b;
setPixelColor(obj, xx, yy, color);
}
}
}
}
ctx.putImageData(obj, xxx, yyy);
}
