選擇svg或canvas的情況
作者：佚名 時(shí)間：2014-06-30 分享到：
我們應(yīng)該將上海網(wǎng)站建設(shè)網(wǎng)之前有介紹過的兩種圖像類函數(shù)視為相互補(bǔ)充而非相互矛盾的,因?yàn)樵诰W(wǎng)絡(luò)圖形方面,它們扮演了不同的角色,讀者可以在自己的網(wǎng)站上同時(shí)使用這兩種類函數(shù),而并非只能選擇使用其中一種.
svg優(yōu)于canvas的地方在于其可縮放性,這個(gè)特性適合任何屏幕,而不用考慮屏幕的尺寸或分辨率.由于svg在dom中創(chuàng)建了新元素,所以它在與javascript交互和使用javascript操縱方面非常有效,另外,通過為新創(chuàng)建的項(xiàng)目添加可選擇的文本和備用文本,用戶可以很容易地訪問svg.在標(biāo)志,圖標(biāo)以及交互較長表和圖形方面,svg是個(gè)不錯(cuò)的選擇.
canvas以位圖為基礎(chǔ),所以它在綻放處理方面沒有svg那么合適. canvas不允許javascript使用其本身之外的任何api來進(jìn)行外部操縱,另外,目前它幾乎沒有無訪問能力的特性,盡管改善其特性的工作正在進(jìn)行中.canvas最適用于圖像操縱,并且由于它不訪問dom,所以對(duì)于在網(wǎng)頁上四處并快速移動(dòng)多個(gè)項(xiàng)目,canvas的性能非常好,這使得其作用更加突出.
以上兩種類函數(shù)都有各自的公優(yōu)缺點(diǎn),并且對(duì)于多個(gè)使用目的來說,它們中的每一個(gè)都十分合適,所以我的建議是用戶應(yīng)該仔細(xì)考慮其需要解決的問題并測(cè)試每一種解決方案.以查看哪一咱更適用于實(shí)際情況.
