① 怎麼修改SVG圖中背景顏色
svgObj.style.fill='#ffcc00'
② svg圖標無法修改顏色的解決方案
問題原因：該部分svg圖標帶有fill屬性，不能直接通過css 修改fill屬性。
解決思路：一、移除默認顏色(去色操作)；二、利用CSS3濾鏡filter中的屬性drop-shadow。
要使用標準的 css3 實現某元素的投影效果，有兩個方法，第一個就是使用常見的 box-shadow ，第二個就是使用 css3 的 filter 陰影濾鏡 drop-shadow。
所以：
通通不行，實現遇到了巨大的阻礙。
後來想，如果我實體部分也在可視區域內，但是是透明的，會怎樣呢（反正不會有投影出來）
於是，就嘗試了經常帶來意外驚喜的透明邊框，結果是可喜的
因此，下面這一個 css 聲明式千萬不能少的：
關於兼容性
IE13+ 支持，Chrome 和 FireFox 瀏覽器支持，移動端 ios 支持，Android 4.4+ 支持。也就是，基本上，移動端現在可以使用這種技術了。
另：
③ d3如何引用svg圖標，並且可以改變圖標顏色
1. 如果你不懂svg，請參考這里：http://www.w3school.com.cn/svg/index.asp
柱形圖是一種最簡單的可視化圖標，主要有矩形、文字標簽、坐標軸組成。本文為簡單起見，只繪制矩形的部分，用以講解如何使用 D3 在 SVG 畫布中繪圖。
畫布是什麼
前幾章的處理對象都是 HTML 的文字，沒有涉及圖形的製作。
要繪圖，首要需要的是一塊繪圖的「畫布」。
HTML 5 提供兩種強有力的「畫布」：SVG 和 Canvas。
SVG 是什麼
SVG，指可縮放矢量圖形（Scalable Vector Graphics），是用於描述二維矢量圖形的一種圖形格式，是由萬維網聯盟制定的開放標准。SVG 使用 XML 格式來定義圖形，除了 IE8 之前的版本外，絕大部分瀏覽器都支持 SVG，可將 SVG 文本直接嵌入 HTML 中顯示。
SVG 有如下特點：
SVG 繪制的是矢量圖，因此對圖像進行放大不會失真。
基於 XML，可以為每個元素添加 JavaScript 事件處理器。
每個圖形均視為對象，更改對象的屬性，圖形也會改變。
不適合游戲應用。
Canvas 是什麼
Canvas 是通過 JavaScript 來繪制 2D 圖形，是 HTML 5 中新增的元素。
Canvas 有如下特點：
繪制的是點陣圖，圖像放大後會失真。
不支持事件處理器。
能夠以 .png 或 .jpg 格式保存圖像
適合游戲應用