mirror of
https://github.com/konvajs/konva.git
synced 2025-10-15 12:34:52 +08:00
some fixes
This commit is contained in:
20
src/Node.ts
20
src/Node.ts
@@ -2544,7 +2544,7 @@ export abstract class Node<Config extends NodeConfig = NodeConfig> {
|
|||||||
skewX: GetSet<number, this>;
|
skewX: GetSet<number, this>;
|
||||||
skewY: GetSet<number, this>;
|
skewY: GetSet<number, this>;
|
||||||
|
|
||||||
to: (params: animOptions) => void;
|
to: (params: AnimTo) => void;
|
||||||
|
|
||||||
transformsEnabled: GetSet<string, this>;
|
transformsEnabled: GetSet<string, this>;
|
||||||
|
|
||||||
@@ -2611,20 +2611,10 @@ export abstract class Node<Config extends NodeConfig = NodeConfig> {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
interface animOptions {
|
interface AnimTo extends NodeConfig {
|
||||||
x?: number
|
onFinish?: Function;
|
||||||
y?: number;
|
onUpdate?: Function;
|
||||||
height?: number;
|
duration?: number;
|
||||||
width?: number;
|
|
||||||
skewX?: number;
|
|
||||||
skewY?: number;
|
|
||||||
scaleY?: number;
|
|
||||||
scaleX?: number;
|
|
||||||
rotation?: number;
|
|
||||||
opacity?: number;
|
|
||||||
offsetY?: number;
|
|
||||||
offsetX?: number;
|
|
||||||
brightness?: number;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
Node.prototype.nodeType = 'Node';
|
Node.prototype.nodeType = 'Node';
|
||||||
|
11
src/Tween.ts
11
src/Tween.ts
@@ -1,6 +1,6 @@
|
|||||||
import { Util } from './Util';
|
import { Util } from './Util';
|
||||||
import { Animation } from './Animation';
|
import { Animation } from './Animation';
|
||||||
import { Node } from './Node';
|
import { Node, NodeConfig } from './Node';
|
||||||
import { Konva } from './Global';
|
import { Konva } from './Global';
|
||||||
import { Line } from './shapes/Line';
|
import { Line } from './shapes/Line';
|
||||||
|
|
||||||
@@ -149,6 +149,13 @@ class TweenEngine {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
export interface TweenConfig extends NodeConfig {
|
||||||
|
onFinish?: Function;
|
||||||
|
onUpdate?: Function;
|
||||||
|
duration?: number;
|
||||||
|
node: Node;
|
||||||
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Tween constructor. Tweens enable you to animate a node between the current state and a new state.
|
* Tween constructor. Tweens enable you to animate a node between the current state and a new state.
|
||||||
* You can play, pause, reverse, seek, reset, and finish tweens. By default, tweens are animated using
|
* You can play, pause, reverse, seek, reset, and finish tweens. By default, tweens are animated using
|
||||||
@@ -187,7 +194,7 @@ export class Tween {
|
|||||||
onReset: Function;
|
onReset: Function;
|
||||||
onUpdate: Function;
|
onUpdate: Function;
|
||||||
|
|
||||||
constructor(config) {
|
constructor(config: TweenConfig) {
|
||||||
var that = this,
|
var that = this,
|
||||||
node = config.node,
|
node = config.node,
|
||||||
nodeId = node._id,
|
nodeId = node._id,
|
||||||
|
1
src/index-types.d.ts
vendored
1
src/index-types.d.ts
vendored
@@ -93,6 +93,7 @@ declare namespace Konva {
|
|||||||
|
|
||||||
export const Tween: typeof import('./Tween').Tween;
|
export const Tween: typeof import('./Tween').Tween;
|
||||||
export type Tween = import('./Tween').Tween;
|
export type Tween = import('./Tween').Tween;
|
||||||
|
export type TweenConfig = import('./Tween').TweenConfig;
|
||||||
export const Easings: typeof import('./Tween').Easings;
|
export const Easings: typeof import('./Tween').Easings;
|
||||||
|
|
||||||
export const Arc: typeof import('./shapes/Arc').Arc;
|
export const Arc: typeof import('./shapes/Arc').Arc;
|
||||||
|
Reference in New Issue
Block a user