lsm/konva
1
0
Fork 0
mirror of https://github.com/konvajs/konva.git synced 2025-10-15 12:34:52 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

Working on convolution based filters

Browse Source
This commit is contained in:
ippo615
2013-07-14 22:20:45 -04:00
parent 66cef11ae9
commit f640d19042
3 changed files with 434 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

43
tests/js/visualTests.js
View File

@@ -1622,6 +1622,49 @@ Test.Modules.IMAGE = {
};
imageObj.src = '../assets/lion.png';
},
'1D convolution filter': function(containerId) {
var imageObj = new Image();
imageObj.onload = function() {
var stage = new Kinetic.Stage({
container: containerId,
width: 578,
height: 200
});
var layer = new Kinetic.Layer();
darth = new Kinetic.Image({
x: 10,
y: 10,
image: imageObj,
draggable: true
});
layer.add(darth);
stage.add(layer);
//darth.setFilter(Kinetic.Filters.Sharpen);
//darth.setFilter(Kinetic.Filters.DetectEdges);
//darth.setFilter(Kinetic.Filters.DetectHorizontalEdges);
//darth.setFilter(Kinetic.Filters.DetectVerticalEdges);
//darth.setFilter(Kinetic.Filters.DetectDiagonal45Edges);
//darth.setFilter(Kinetic.Filters.DetectDiagonal135Edges);
//darth.setFilter(Kinetic.Filters.RemoveMean);
//darth.setFilter(Kinetic.Filters.Emboss);
//darth.setFilter(Kinetic.Filters.Darken);
//darth.setFilter(Kinetic.Filters.Lighten);
//darth.setFilter(Kinetic.Filters.Convolve);
//darth.setFilterConvolutionMatrix([0.3,0.2,0.0,0.2,0.3]);
//darth.setFilterConvolutionMatrix([[0,-2,0], [-2,11,-2], [0,-2,0]]);
darth.setFilter(Kinetic.Filters.SoftBlur);
//darth.setFilter(Kinetic.Filters.UnsharpMask);
darth.setFilterSoftBlurAmount(90);
darth.setFilterSoftBlurSize(7);
layer.draw();
var dataUrl = layer.toDataURL();
//console.log(dataUrl);
testDataUrl(dataUrl, '1D convolution filter', 'problem with convolution filter.');
};
imageObj.src = '../assets/darth-vader.jpg';
//imageObj.src = '../assets/lion.png';
},
'filter transformed image': function(containerId) {
var imageObj = new Image();
imageObj.onload = function() {