你如何使用TypeScript的SVG库？

问题描述：

我是新来的TypeScript和JavaScript，虽然不是全新的编程。我想知道是否有人可以用一小段TypeScript代码来帮助我，说明如何使用TypeScripts SVG库进行绘制。所以，例如，我应该使用SVGRectangle还是SVGRectangleElement，以及如何使用它们？你如何使用TypeScript的SVG库？

我可以在TypeScript网站上找到的唯一示例使用D3，但我想使用内置的SVG库。

什么SVG库？我认为TypeScript只是一种语言，而不是任何图书馆。 –

有几个.d.ts文件可用，但尚未用于SVG。 Typescript是开源的，需要有一些* somebody *写入svg.d.ts.如果不是的话，那么请关注Codeplex项目的更新。同时使用直JS。 –

@HansPassant https://github.com/rbakhshi/svg.js/blob/master/svg.d.ts – Bakhshi

答

为了澄清，TypeScript没有SVG库 - 但您可以在TypeScript代码中使用原生JavaScript SVG或SVG库中的一个。

这会打开样本和教程，您可以搜索“JavaScript SVG”而不是“TypeScript”SVG。

我推荐MDN SVG Reference为出发点。

好的，谢谢Sohnee，出于兴趣，编写TypeScript时出现在Intellisense上的SVG *函数是什么？ –

默认情况下，打字稿有东西，像DOM的定义，内置函数等等 - 所以它会从。我认为SVG是DOM的一部分，因为它实质上是嵌套在其中的元素。 – Fenton

如果你想要，你可以使用更多专门的SVG库，比如SVG.JS（http://svgjs.com/）。我为它创建了TypeScript声明文件：（https://github.com/rbakhshi/svg.js）。我使用它，它是不够好：d – Bakhshi

答

您可以使用现有JavaScript SVG库的TypeScript定义文件，如Raphael或svgjs。

不要忘了[Snap SVG]（http://snapsvg.io/）！有关JavaScript库类型定义，请参见[Type Search]（http://microsoft.github.io/TypeSearch/）。 –

你如何使用TypeScript的SVG库？

相关推荐