将SVG.select()方法与svg.js库的类选择器一起使用并不适用于typescript

时间:2018-03-20 14:34:02

标签: javascript angular typescript svg.js

我正在使用打字稿测试svg.js库,并在使用usage of CSS selectors时出现问题。我想使用select()方法和类选择器选择SVG元素。在the presented fiddle中,它与javascript完美配合:

var circleTwo = SVG.select('circle.circle-01');

不幸的是,它不适用于打字稿。 Lib是这样导入的:

import * as SVG from 'svg.js;

enter image description here

将鼠标悬停在select()方法上时,获取有关第二个参数的信息:

enter image description here

然而根据the documentation

  

此外,可以传递第二个参数来定义要在

中搜索的父元素

它似乎是一个可选参数,因为你可以在没有它的情况下使用select()方法:

var elements = SVG.select('rect.my-class').fill('#f06')

我已经玩了一下,发现如何摆脱这个错误(问题是,这是正确的做法吗?),但我以后不能使用{所选元素上的{1}}事件,因为另一个错误:

  

属性'点击'类型' Set'。

上不存在

enter image description here

click()是测试所选元素上testMe()事件的简单方法:

click()

我做错了什么?

1 个答案:

答案 0 :(得分:1)

似乎类型定义是错误的。这不是你的错,你应该打开一个错误报告。在它修复之前你可以解决它:

SVG.select('rect.my-class', undefined as any)