2013-07-06 63 views
4

我注意到https://beta.icloud.com/沒有使用SVG讓我感到驚訝。在這裏,蘋果公司正在使用像背景這樣的東西:-webkit-canvas(動畫),他們沒有使用SVG,看起來像是一個完美的地方。我想深入研究SVG,但在此之前我想了解它的侷限性。當我看到像this Mozilla demo這樣的演示程序時,它似乎並不存在重大問題。例如,一家大公司如何不使用SVG?今天使用SVG有什麼問題?

+0

他們爲什麼要使用SVG?這些圖像對於矢量圖形似乎並不特別友好。你明白矢量和光柵圖形之間的區別,對吧?如果不是,將問題轉化爲這個問題,那麼關閉的可能性就會降低。 – delnan

+0

爲什麼圖標不會對矢量圖形特別友好?在縮放到任何分辨率時,你不想讓圖標變得尖銳嗎?蘋果的設備具有從非常小到非常大的整個頻譜的視口分辨率。此外,圖形可以在前端進行管理和操作(例如轉換/動畫效果),並且不需要圖形設計師的更改。 – Dathan

+1

您如何在SVG中描述這些圖標中的細節(例如信封后面的雲,雷達背後的世界地圖,木質表面的靜脈等)?此外,如果沒有使SVG文件大於預期的最大分辨率的柵格圖像,您將如何做? – delnan

回答

3

今天使用SVG的問題相對較少。大多數情況下,這是一個適合性和熟悉性的問題 - 解決方案要動態繪製到光柵緩衝區的問題很多。那就是,canvas

但是,對於Apple來說,問題在於Safari對任何主要瀏覽器(至少是我上次測試它)的SVG兼容性都是最差的。他們希望他們的網站在Safari中工作。

+1

是的,畫布會更好的動態光柵重繪。所以在你上一次使用Safari的實驗中,SVG工作得並不好。那是多久以前? – Dathan

+1

@Dathan SVG在大多數瀏覽器中通常運行良好。上次我和SVG一起玩過一年以前。我在此頁面上使用SVG顯示可調整大小的箭頭:http://tustinincorporations.com/。與其他任何事情一樣,問題在於處理較小的不一致。 – Marcin

+0

很酷,看起來不錯。 HTML中總是存在微小的不一致,我不知道今天使用SVG有什麼優點。 – Dathan