以內聯樣式將外部CSS應用於HTML節點（香草Javascript /咖啡腳本）

Question

因此，我有一個未壓縮的SVG文件嵌入到我的HTML中（保留其原始的節點格式）。 它包含幾個組，但除了三個以外，其他所有組都是隱藏的（顯示==“ none”）。 根據用戶的選項，我利用映射到適當可見性選項的父類動態切換隱藏組和可見組。 我的目標是獲取最終的SVG節點，內聯與父類相對應的應用樣式，並在用戶完成處理后將其提交給服務器以作為柵格圖像進行處理。

在我采用整個節點樹並將其轉換為字符串之前，是否有一種快速，跨瀏覽器兼容的方法來迭代應用於節點的所有樣式並用腳本內聯它們？ 理想的JavaScript / CoffeeScript解決方案是理想的。 如果需要，可以使用Snap.svg 。

我問，似乎我唯一的選擇是將動態樣式移植到JavaScript，引入了不必要的剛性（由於需要編輯等多個點，因此更新更為復雜）。

Answer 1

SVG允許使用style元素 。

您應該能夠將定義父類的CSS規則放在SVG的style元素中 。 然后像現在一樣切換組。 如果現在將整個SVG片段（包括其內部的style標簽）發送到柵格化器，則它將具有所有必要的CSS信息，並且應該能夠正確呈現SVG， 而無需遍歷整個樹並內聯所有樣式。