mirror of
https://github.com/konvajs/konva.git
synced 2025-04-05 20:48:28 +08:00
Add tests for basic image contrast + image contrast with tween + image contrast with crop
This commit is contained in:
parent
4d96081df7
commit
1741509cf7
@ -107,6 +107,7 @@ require('./unit/filters/Noise-test.js');
|
|||||||
require('./unit/filters/Threshold-test.js');
|
require('./unit/filters/Threshold-test.js');
|
||||||
require('./unit/filters/Posterize-test.js');
|
require('./unit/filters/Posterize-test.js');
|
||||||
require('./unit/filters/Sepia-test.js');
|
require('./unit/filters/Sepia-test.js');
|
||||||
|
require('./unit/filters/Contrast-test.js');
|
||||||
require('./unit/filters/Emboss-test.js');
|
require('./unit/filters/Emboss-test.js');
|
||||||
require('./unit/filters/Solarize-test.js');
|
require('./unit/filters/Solarize-test.js');
|
||||||
require('./unit/filters/Kaleidoscope-test.js');
|
require('./unit/filters/Kaleidoscope-test.js');
|
||||||
|
@ -59,6 +59,7 @@
|
|||||||
<script src="../src/filters/Pixelate.js" data-cover></script>
|
<script src="../src/filters/Pixelate.js" data-cover></script>
|
||||||
<script src="../src/filters/Threshold.js" data-cover></script>
|
<script src="../src/filters/Threshold.js" data-cover></script>
|
||||||
<script src="../src/filters/Sepia.js" data-cover></script>
|
<script src="../src/filters/Sepia.js" data-cover></script>
|
||||||
|
<script src="../src/filters/Contrast.js" data-cover></script>
|
||||||
<script src="../src/filters/Solarize.js" data-cover></script>
|
<script src="../src/filters/Solarize.js" data-cover></script>
|
||||||
<script src="../src/filters/Kaleidoscope.js" data-cover></script>
|
<script src="../src/filters/Kaleidoscope.js" data-cover></script>
|
||||||
|
|
||||||
@ -164,6 +165,7 @@
|
|||||||
<script src="unit/filters/Threshold-test.js"></script>
|
<script src="unit/filters/Threshold-test.js"></script>
|
||||||
<script src="unit/filters/Posterize-test.js"></script>
|
<script src="unit/filters/Posterize-test.js"></script>
|
||||||
<script src="unit/filters/Sepia-test.js"></script>
|
<script src="unit/filters/Sepia-test.js"></script>
|
||||||
|
<script src="unit/filters/Contrast-test.js"></script>
|
||||||
<script src="unit/filters/Emboss-test.js"></script>
|
<script src="unit/filters/Emboss-test.js"></script>
|
||||||
<script src="unit/filters/Solarize-test.js"></script>
|
<script src="unit/filters/Solarize-test.js"></script>
|
||||||
<script src="unit/filters/Kaleidoscope-test.js"></script>
|
<script src="unit/filters/Kaleidoscope-test.js"></script>
|
||||||
|
102
test/unit/filters/Contrast-test.js
Normal file
102
test/unit/filters/Contrast-test.js
Normal file
@ -0,0 +1,102 @@
|
|||||||
|
suite('Filter Contrast', function() {
|
||||||
|
// ======================================================
|
||||||
|
test('basic', function(done) {
|
||||||
|
var stage = addStage();
|
||||||
|
|
||||||
|
var imageObj = new Image();
|
||||||
|
imageObj.onload = function() {
|
||||||
|
var layer = new Konva.Layer();
|
||||||
|
var darth = new Konva.Image({
|
||||||
|
x: 10,
|
||||||
|
y: 10,
|
||||||
|
image: imageObj,
|
||||||
|
draggable: true
|
||||||
|
});
|
||||||
|
|
||||||
|
layer.add(darth);
|
||||||
|
stage.add(layer);
|
||||||
|
|
||||||
|
darth.cache();
|
||||||
|
darth.filters([Konva.Filters.Contrast]);
|
||||||
|
darth.contrast(40);
|
||||||
|
layer.draw();
|
||||||
|
|
||||||
|
assert.equal(darth.contrast(), 40);
|
||||||
|
|
||||||
|
done();
|
||||||
|
};
|
||||||
|
imageObj.src = 'assets/darth-vader.jpg';
|
||||||
|
});
|
||||||
|
|
||||||
|
// ======================================================
|
||||||
|
test('tween', function(done) {
|
||||||
|
var stage = addStage();
|
||||||
|
|
||||||
|
var imageObj = new Image();
|
||||||
|
imageObj.onload = function() {
|
||||||
|
var layer = new Konva.Layer();
|
||||||
|
var darth = new Konva.Image({
|
||||||
|
x: 10,
|
||||||
|
y: 10,
|
||||||
|
image: imageObj,
|
||||||
|
draggable: true
|
||||||
|
});
|
||||||
|
|
||||||
|
layer.add(darth);
|
||||||
|
stage.add(layer);
|
||||||
|
|
||||||
|
darth.cache();
|
||||||
|
darth.filters([Konva.Filters.Contrast]);
|
||||||
|
darth.contrast(40);
|
||||||
|
layer.draw();
|
||||||
|
|
||||||
|
var tween = new Konva.Tween({
|
||||||
|
node: darth,
|
||||||
|
duration: 2.0,
|
||||||
|
contrast: 0,
|
||||||
|
easing: Konva.Easings.EaseInOut
|
||||||
|
});
|
||||||
|
|
||||||
|
darth.on('mouseover', function() {
|
||||||
|
tween.play();
|
||||||
|
});
|
||||||
|
|
||||||
|
darth.on('mouseout', function() {
|
||||||
|
tween.reverse();
|
||||||
|
});
|
||||||
|
|
||||||
|
done();
|
||||||
|
};
|
||||||
|
imageObj.src = 'assets/darth-vader.jpg';
|
||||||
|
});
|
||||||
|
|
||||||
|
// ======================================================
|
||||||
|
test('crop', function(done) {
|
||||||
|
var stage = addStage();
|
||||||
|
|
||||||
|
var imageObj = new Image();
|
||||||
|
imageObj.onload = function() {
|
||||||
|
var layer = new Konva.Layer();
|
||||||
|
var darth = new Konva.Image({
|
||||||
|
x: 10,
|
||||||
|
y: 10,
|
||||||
|
image: imageObj,
|
||||||
|
crop: {x: 128, y: 48, width: 256, height: 128},
|
||||||
|
draggable: true
|
||||||
|
});
|
||||||
|
|
||||||
|
layer.add(darth);
|
||||||
|
stage.add(layer);
|
||||||
|
|
||||||
|
darth.cache();
|
||||||
|
darth.filters([Konva.Filters.Contrast]);
|
||||||
|
darth.contrast(-40);
|
||||||
|
layer.draw();
|
||||||
|
|
||||||
|
assert.equal(darth.contrast(), -40);
|
||||||
|
|
||||||
|
done();
|
||||||
|
};
|
||||||
|
imageObj.src = 'assets/darth-vader.jpg';
|
||||||
|
});
|
||||||
|
});
|
Loading…
Reference in New Issue
Block a user