你如何使用TypeScript的SVG庫？

我是新來的TypeScript和JavaScript，雖然不是全新的編程。我想知道是否有人可以用一小段TypeScript代碼來幫助我，說明如何使用TypeScripts SVG庫進行繪製。所以，例如，我應該使用SVGRectangle還是SVGRectangleElement，以及如何使用它們？你如何使用TypeScript的SVG庫？

我可以在TypeScript網站上找到的唯一示例使用D3，但我想使用內置的SVG庫。

來源

2012-10-25 Mark Pow

什麼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爲出發點。

來源

2012-10-25 08:52:39 Fenton

好的，謝謝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。

來源

2013-12-07 23:36:56 thSoft

不要忘了[Snap SVG]（http://snapsvg.io/）！有關JavaScript庫類型定義，請參見[Type Search]（http://microsoft.github.io/TypeSearch/）。 –

你如何使用TypeScript的SVG庫？

回答

相關問題