TypeScript Path2D类缺少字符串构造函数

Question

我正在尝试从SVG字符串路径创建Path2D对象。根据Mozilla的Path 2D documentation，可以传递一个字符串路径作为参数，但是，当我在我的代码中尝试它时，Webstorm IDE会向我显示这个错误：

TS2345: Argument of type "" is not assignable to parameter of type 'Path2D'

我正在尝试执行的代码是：

let p = new Path2D('M10 10 h 80 v 80 h -80 Z');

我发现声明Path2D的lib.d.ts没有Path2D类的字符串构造函数。

我该如何解决这个问题？我正在使用Typescript 2.2.1

Answer 1

有开放的错误Path2D missing string construtor

Wokraround正在创建自己的类型

interface Path2DConstructor {
  new (): Path2D;
  new (d: string): Path2D;
  new (path: Path2D): Path2D;
  prototype: Path2D;
}
declare var Path2D: Path2DConstructor;

var p = new Path2D('M10 10 h 80 v 80 h -80 Z');
ctx.fill(p);

另见

• Using Path2D in a TypeScript project is not resolved