Kinetic.js Typescript 文件中缺少 Kinetic.Tween 方法答案

【问题标题】：missing Kinetic.Tween method in Kinetic.js Typescript fileKinetic.js Typescript 文件中缺少 Kinetic.Tween 方法
【发布时间】：2013-05-21 08:05:05
【问题描述】：

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

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

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

如何更新 typescript 定义文件以包含 Tween 方法？

【问题讨论】：

标签： javascript typescript kineticjs

【解决方案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,                    
            });

【讨论】：

【解决方案2】：

我至少解决了以下问题：

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

现在我的 typescript 编译完成，它直接在 javascript 中调用 Tween 函数

【讨论】：