mirror of
https://github.com/konvajs/konva.git
synced 2025-09-19 10:47: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
39 lines
843 B
TypeScript
39 lines
843 B
TypeScript
import { addStage, Konva, loadImage } from '../unit/test-utils.ts';
|
|
|
|
describe('Mask', function () {
|
|
// ======================================================
|
|
it('basic', function (done) {
|
|
var stage = addStage();
|
|
|
|
loadImage('darth-vader.jpg', (imageObj) => {
|
|
var layer = new Konva.Layer({
|
|
throttle: 999,
|
|
});
|
|
var bamoon = new Konva.Image({
|
|
x: 0,
|
|
y: 0,
|
|
image: imageObj,
|
|
draggable: true,
|
|
}),
|
|
filtered = new Konva.Image({
|
|
x: 300,
|
|
y: 0,
|
|
image: imageObj,
|
|
draggable: true,
|
|
});
|
|
|
|
layer.add(bamoon);
|
|
layer.add(filtered);
|
|
stage.add(layer);
|
|
|
|
filtered.cache();
|
|
filtered.filters([Konva.Filters.Mask]);
|
|
filtered.threshold(10);
|
|
|
|
layer.draw();
|
|
|
|
done();
|
|
});
|
|
});
|
|
});
|