mirror of
https://github.com/konvajs/konva.git
synced 2026-01-18 11:41:20 +08:00
75d0b8fe04
I added the experimental folder to show some work on filters that
can be applied to an entire layer. Multiple filters can be applied
to a layer (in any order, multiple times). To hook into the layer I
use:
layer.on('draw', filterFunc);
Eventually, I would like to move that to `layer.filterFunc` and
automatically apply it after the draw. `filterFunc` looks like:
function filterFunc(){
// Get pixel data and create a temporary pixel buffer for working
var imageData = this.getContext().getImageData(0,0,this.getCanvas().width,this.getCanvas().height);
var scratchData = this.getContext().createImageData(imageData);
// Apply all filters here
ColorStretch(imageData,scratchData,{});
// Copy the pixel data back
this.getContext().putImageData(scratchData,0,0);
}
`ColorStretch` is an example of a filter. It takes 3 arguments: the
original image data, image data to write the result to, and an options
object.
56 lines
1.7 KiB
JavaScript
56 lines
1.7 KiB
JavaScript
MirrorX = (function () {
|
|
var MirrorX = function (src, dst, opt) {
|
|
var srcPixels = src.data,
|
|
dstPixels = dst.data,
|
|
xSize = src.width,
|
|
ySize = src.height,
|
|
xMid = Math.ceil(xSize / 2),
|
|
i, m, x, y;
|
|
for (x = 0; x <= xMid; x += 1) {
|
|
for (y = 0; y < ySize; y += 1) {
|
|
// copy the original
|
|
i = (y * xSize + x) * 4;
|
|
dstPixels[i + 0] = srcPixels[i + 0];
|
|
dstPixels[i + 1] = srcPixels[i + 1];
|
|
dstPixels[i + 2] = srcPixels[i + 2];
|
|
dstPixels[i + 3] = srcPixels[i + 3];
|
|
// copy the mirrored
|
|
m = (y * xSize + xSize - x) * 4;
|
|
dstPixels[m + 0] = srcPixels[i + 0];
|
|
dstPixels[m + 1] = srcPixels[i + 1];
|
|
dstPixels[m + 2] = srcPixels[i + 2];
|
|
dstPixels[m + 3] = srcPixels[i + 3];
|
|
}
|
|
}
|
|
};
|
|
return MirrorX;
|
|
})();
|
|
|
|
MirrorY = (function () {
|
|
var MirrorY = function (src, dst, opt) {
|
|
var srcPixels = src.data,
|
|
dstPixels = dst.data,
|
|
xSize = src.width,
|
|
ySize = src.height,
|
|
yMid = Math.ceil(ySize / 2),
|
|
i, m, x, y;
|
|
for (x = 0; x < xSize; x += 1) {
|
|
for (y = 0; y <= yMid; y += 1) {
|
|
// copy the original
|
|
i = (y * xSize + x) * 4;
|
|
dstPixels[i + 0] = srcPixels[i + 0];
|
|
dstPixels[i + 1] = srcPixels[i + 1];
|
|
dstPixels[i + 2] = srcPixels[i + 2];
|
|
dstPixels[i + 3] = srcPixels[i + 3];
|
|
// copy the mirrored
|
|
m = ( (ySize-y) * xSize + x) * 4;
|
|
dstPixels[m + 0] = srcPixels[i + 0];
|
|
dstPixels[m + 1] = srcPixels[i + 1];
|
|
dstPixels[m + 2] = srcPixels[i + 2];
|
|
dstPixels[m + 3] = srcPixels[i + 3];
|
|
}
|
|
}
|
|
};
|
|
return MirrorY;
|
|
})();
|