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/Posterize-test.js');
|
||||
require('./unit/filters/Sepia-test.js');
|
||||
require('./unit/filters/Contrast-test.js');
|
||||
require('./unit/filters/Emboss-test.js');
|
||||
require('./unit/filters/Solarize-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/Threshold.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/Kaleidoscope.js" data-cover></script>
|
||||
|
||||
@ -164,6 +165,7 @@
|
||||
<script src="unit/filters/Threshold-test.js"></script>
|
||||
<script src="unit/filters/Posterize-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/Solarize-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