javascript - Kinetic.js Typescript 文件中缺少 Kinetic.Tween 方法

Question

在 CodePlex ( http://kineticjstypescript.codeplex.com/ ) 上找到的 Kinetic.js Typescript 文件的当前版本似乎没有补间方法。查看定义文件没有提到补间，当我这样做时

var tween = new Kinetic.Tween({
                node: outerArc,
                duration: 1,                    
                strokeWidth: 6,                    
            });

我收到以下错误：“Kinetic”类型的值上不存在“Tween”属性

我将如何更新打字稿定义文件以包含 Tween 方法？

Answer 1

如果你这样做，你将失去静态类型的好处。这是一种更好的方法，您可以在 typescript 定义中已有的内容之上进行构建：

// Define whats missing there 
declare module Kinetic{
    export interface ITweenConfig{
        node?: any;
        duration?: number;
        strokeWidth?: number;
    }
    export class Tween{
        constructor(config: ITweenConfig);
    }
}

// Now continue as planned
var tween = new Kinetic.Tween({
                node: outerArc,
                duration: 1,                    
                strokeWidth: 6,                    
            });

Answer 2

我至少解决了以下问题：

var tween = new Kinetic['Tween']({
                node: outerArc,
                duration: 1,
                strokeWidth: 12,
            });

现在我的打字稿编译并直接在 javascript 中调用 Tween 函数