lsm/konva
1
0
Fork 0
mirror of https://github.com/konvajs/konva.git synced 2025-06-28 15:23:44 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

updated mask filter tests

Browse Source
This commit is contained in:
Eric Rowell 2014-01-02 20:55:05 -08:00
parent bbdbbd4d61
commit a0d0f23ef8
4 changed files with 8 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/filters/Mask.js
View File

@ -161,17 +161,14 @@
/** /**
* Mask Filter * Mask Filter
*
* Only crop unicolor background images for instance
*
* @function * @function
* @memberof Kinetic.Filters * @memberof Kinetic.Filters
* @param {Object} imageData * @param {Object} imageData
*/ */
Kinetic.Filters.Mask = function(idata) { Kinetic.Filters.Mask = function(idata) {
// Detect pixels close to the background color // Detect pixels close to the background color
var threshold = this.getFilterThreshold(), var threshold = this.threshold(),
mask = backgroundMask(idata, threshold); mask = backgroundMask(idata, threshold);
if (mask) { if (mask) {
// Erode // Erode
mask = erodeMask(mask, idata.width, idata.height); mask = erodeMask(mask, idata.width, idata.height);
@ -192,7 +189,4 @@
}; };
Kinetic.Factory.addFilterGetterSetter(Kinetic.Node, 'threshold', 0); Kinetic.Factory.addFilterGetterSetter(Kinetic.Node, 'threshold', 0);
//threshold The RGB euclidian distance threshold (default : 10)
})(); })();

4
test/runner.html
View File

@ -85,8 +85,8 @@
<script src="unit/filters/Invert-test.js"></script> <script src="unit/filters/Invert-test.js"></script>
<!--<script src="unit/filters/Mask-test.js"></script> <script src="unit/filters/Mask-test.js"></script>
<script src="unit/filters/ConvolvePack-test.js"></script>--> <!--<script src="unit/filters/ConvolvePack-test.js"></script>-->
<script src="unit/filters/Grayscale-test.js"></script> <script src="unit/filters/Grayscale-test.js"></script>
<!--<script src="unit/filters/ColorStretch-test.js"></script> <!--<script src="unit/filters/ColorStretch-test.js"></script>
<script src="unit/filters/Polar-test.js"></script> <script src="unit/filters/Polar-test.js"></script>

2
test/unit/filters/ConvolvePack-test.js
View File

@ -16,7 +16,7 @@ suite('Convolve Pack', function() {
layer.add(darth); layer.add(darth);
stage.add(layer); stage.add(layer);
darth.setFilter(Kinetic.Filters.Emboss); darth.filters([Kinetic.Filters.Emboss]);
darth.setFilterAmount(50); darth.setFilterAmount(50);
layer.draw(); layer.draw();

5
test/unit/filters/Mask-test.js
View File

@ -27,8 +27,9 @@ suite('Mask', function() {
layer.add(filtered); layer.add(filtered);
stage.add(layer); stage.add(layer);
filtered.setFilter(Kinetic.Filters.Mask); filtered.cache();
filtered.setFilterThreshold(10); filtered.filters([Kinetic.Filters.Mask]);
filtered.threshold(10);
layer.draw(); layer.draw();