javascript - 无法在 typescript 中调用 svgdotjs rect 方法

Question

我正在尝试使用Svgdotjs版本 3.0.2 使用 typescript 来在屏幕上绘制一个简单的矩形，但 typescript 定义文件缺少 rect 方法。

我尝试按照文档中的指南进行操作，但无论我尝试什么，类型文件中似乎都缺少方法。

/// <reference path="../../../node_modules/@svgdotjs/svg.js/svg.js.d.ts"/>
import * as svgjs from "@svgdotjs/svg.js"

var draw = svgjs.SVG('stock-location-svg').size(300, 300);
var rect = draw.rect(90, 100).fill('#f06');

但是未找到draw.rect()中的方法(无论是直线还是椭圆或圆 link )。有人可以指导我找到如何在 typescript 中正确导入 svgdotjs 模块的解决方案吗？

Answer 1

这就是我使用 svg.js 3.0 和 typescript 的方式

import { Component, OnInit } from '@angular/core';
import { SVG, Svg } from "@svgdotjs/svg.js"   //v 3.0

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent implements OnInit {
  draw: Svg

  ngOnInit() {
    this.draw = SVG().addTo('#canvas').viewbox(0, 0, 300, 140)
    let rect = this.draw.rect(90, 100).fill('#f06');
  }
}