mirror of
https://github.com/konvajs/konva.git
synced 2025-09-19 19:07:59 +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
46 lines
978 B
TypeScript
46 lines
978 B
TypeScript
import { assert } from 'chai';
|
|
|
|
import { addStage, Konva, loadImage } from '../unit/test-utils.ts';
|
|
|
|
describe('Posterize', function () {
|
|
// ======================================================
|
|
it('on image tween', function (done) {
|
|
var stage = addStage();
|
|
|
|
loadImage('darth-vader.jpg', (imageObj) => {
|
|
var layer = new Konva.Layer();
|
|
const darth = new Konva.Image({
|
|
x: 10,
|
|
y: 10,
|
|
image: imageObj,
|
|
draggable: true,
|
|
});
|
|
|
|
layer.add(darth);
|
|
stage.add(layer);
|
|
|
|
darth.cache();
|
|
darth.filters([Konva.Filters.Posterize]);
|
|
darth.levels(0.2);
|
|
layer.draw();
|
|
|
|
var tween = new Konva.Tween({
|
|
node: darth,
|
|
duration: 1.0,
|
|
levels: 0,
|
|
easing: Konva.Easings.Linear,
|
|
});
|
|
|
|
darth.on('mouseover', function () {
|
|
tween.play();
|
|
});
|
|
|
|
darth.on('mouseout', function () {
|
|
tween.reverse();
|
|
});
|
|
|
|
done();
|
|
});
|
|
});
|
|
});
|