Optimized genericComposeSMask
Declaring the composition and backgdrop functions outside of genericComposeSMask is more efficient.
This commit is contained in:
parent
412febe4a4
commit
e0bf7e2151
@ -601,49 +601,54 @@ var CanvasGraphics = (function CanvasGraphicsClosure() {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
function composeSMaskBackdrop(bytes, r0, g0, b0) {
|
||||||
|
var length = bytes.length;
|
||||||
|
for (var i = 3; i < length; i += 4) {
|
||||||
|
var alpha = bytes[i];
|
||||||
|
if (alpha === 0) {
|
||||||
|
bytes[i - 3] = r0;
|
||||||
|
bytes[i - 2] = g0;
|
||||||
|
bytes[i - 1] = b0;
|
||||||
|
} else if (alpha < 255) {
|
||||||
|
var alpha_ = 255 - alpha;
|
||||||
|
bytes[i - 3] = (bytes[i - 3] * alpha + r0 * alpha_) >> 8;
|
||||||
|
bytes[i - 2] = (bytes[i - 2] * alpha + g0 * alpha_) >> 8;
|
||||||
|
bytes[i - 1] = (bytes[i - 1] * alpha + b0 * alpha_) >> 8;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function composeSMaskAlpha(maskData, layerData) {
|
||||||
|
var length = maskData.length;
|
||||||
|
var scale = 1 / 255;
|
||||||
|
for (var i = 3; i < length; i += 4) {
|
||||||
|
var alpha = maskData[i];
|
||||||
|
layerData[i] = (layerData[i] * alpha * scale) | 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function composeSMaskLuminosity(maskData, layerData) {
|
||||||
|
var length = maskData.length;
|
||||||
|
for (var i = 3; i < length; i += 4) {
|
||||||
|
var y = ((maskData[i - 3] * 77) + // * 0.3 / 255 * 0x10000
|
||||||
|
(maskData[i - 2] * 152) + // * 0.59 ....
|
||||||
|
(maskData[i - 1] * 28)) | 0; // * 0.11 ....
|
||||||
|
layerData[i] = (layerData[i] * y) >> 16;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
function genericComposeSMask(maskCtx, layerCtx, width, height,
|
function genericComposeSMask(maskCtx, layerCtx, width, height,
|
||||||
subtype, backdrop) {
|
subtype, backdrop) {
|
||||||
var addBackdropFn;
|
var hasBackdrop = backdrop !== undefined;
|
||||||
if (backdrop) {
|
var r0 = hasBackdrop ? backdrop[0] : 0;
|
||||||
addBackdropFn = function (r0, g0, b0, bytes) {
|
var g0 = hasBackdrop ? backdrop[1] : 0;
|
||||||
var length = bytes.length;
|
var b0 = hasBackdrop ? backdrop[2] : 0;
|
||||||
for (var i = 3; i < length; i += 4) {
|
|
||||||
var alpha = bytes[i] / 255;
|
|
||||||
if (alpha === 0) {
|
|
||||||
bytes[i - 3] = r0;
|
|
||||||
bytes[i - 2] = g0;
|
|
||||||
bytes[i - 1] = b0;
|
|
||||||
} else if (alpha < 1) {
|
|
||||||
var alpha_ = 1 - alpha;
|
|
||||||
bytes[i - 3] = (bytes[i - 3] * alpha + r0 * alpha_) | 0;
|
|
||||||
bytes[i - 2] = (bytes[i - 2] * alpha + g0 * alpha_) | 0;
|
|
||||||
bytes[i - 1] = (bytes[i - 1] * alpha + b0 * alpha_) | 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}.bind(null, backdrop[0], backdrop[1], backdrop[2]);
|
|
||||||
} else {
|
|
||||||
addBackdropFn = function () {};
|
|
||||||
}
|
|
||||||
|
|
||||||
var composeFn;
|
var composeFn;
|
||||||
if (subtype === 'Luminosity') {
|
if (subtype === 'Luminosity') {
|
||||||
composeFn = function (maskDataBytes, layerDataBytes) {
|
composeFn = composeSMaskLuminosity;
|
||||||
var length = maskDataBytes.length;
|
|
||||||
for (var i = 3; i < length; i += 4) {
|
|
||||||
var y = ((maskDataBytes[i - 3] * 77) + // * 0.3 / 255 * 0x10000
|
|
||||||
(maskDataBytes[i - 2] * 152) + // * 0.59 ....
|
|
||||||
(maskDataBytes[i - 1] * 28)) | 0; // * 0.11 ....
|
|
||||||
layerDataBytes[i] = (layerDataBytes[i] * y) >> 16;
|
|
||||||
}
|
|
||||||
};
|
|
||||||
} else {
|
} else {
|
||||||
composeFn = function (maskDataBytes, layerDataBytes) {
|
composeFn = composeSMaskAlpha;
|
||||||
var length = maskDataBytes.length;
|
|
||||||
for (var i = 3; i < length; i += 4) {
|
|
||||||
var alpha = maskDataBytes[i];
|
|
||||||
layerDataBytes[i] = (layerDataBytes[i] * alpha / 255) | 0;
|
|
||||||
}
|
|
||||||
};
|
|
||||||
}
|
}
|
||||||
|
|
||||||
// processing image in chunks to save memory
|
// processing image in chunks to save memory
|
||||||
@ -654,7 +659,9 @@ var CanvasGraphics = (function CanvasGraphicsClosure() {
|
|||||||
var maskData = maskCtx.getImageData(0, row, width, chunkHeight);
|
var maskData = maskCtx.getImageData(0, row, width, chunkHeight);
|
||||||
var layerData = layerCtx.getImageData(0, row, width, chunkHeight);
|
var layerData = layerCtx.getImageData(0, row, width, chunkHeight);
|
||||||
|
|
||||||
addBackdropFn(maskData.data);
|
if (hasBackdrop) {
|
||||||
|
composeSMaskBackdrop(maskData.data, r0, g0, b0);
|
||||||
|
}
|
||||||
composeFn(maskData.data, layerData.data);
|
composeFn(maskData.data, layerData.data);
|
||||||
|
|
||||||
maskCtx.putImageData(layerData, 0, row);
|
maskCtx.putImageData(layerData, 0, row);
|
||||||
|
Loading…
x
Reference in New Issue
Block a user