mirror of
https://github.com/konvajs/konva.git
synced 2025-09-18 18:27:58 +08:00
758adcd502
Update approach of dealing with file extensions differences between typescript & node. Leverages `rewriteRelativeImportExtensions` that was added in typescript 5.7 [1], and that is recommended path by node to run typescript in the future [2] [1] https://www.typescriptlang.org/docs/handbook/release-notes/typescript-5-7.html#path-rewriting-for-relative-paths [2] https://nodejs.org/api/typescript.html#type-stripping
101 lines
2.1 KiB
TypeScript
101 lines
2.1 KiB
TypeScript
import { assert } from 'chai';
|
|
|
|
import { addStage, Konva, loadImage } from '../unit/test-utils.ts';
|
|
|
|
describe('Filter Contrast', function () {
|
|
// ======================================================
|
|
it('basic', function (done) {
|
|
var stage = addStage();
|
|
|
|
loadImage('darth-vader.jpg', (imageObj) => {
|
|
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();
|
|
});
|
|
});
|
|
|
|
// ======================================================
|
|
it('tween', function (done) {
|
|
var stage = addStage();
|
|
|
|
loadImage('darth-vader.jpg', (imageObj) => {
|
|
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();
|
|
});
|
|
});
|
|
|
|
// ======================================================
|
|
it('crop', function (done) {
|
|
var stage = addStage();
|
|
|
|
loadImage('darth-vader.jpg', (imageObj) => {
|
|
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();
|
|
});
|
|
});
|
|
});
|