0
  • 聊天消息
  • 系統(tǒng)消息
  • 評(píng)論與回復(fù)
登錄后你可以
  • 下載海量資料
  • 學(xué)習(xí)在線課程
  • 觀看技術(shù)視頻
  • 寫(xiě)文章/發(fā)帖/加入社區(qū)
會(huì)員中心
創(chuàng)作中心

完善資料讓更多小伙伴認(rèn)識(shí)你,還能領(lǐng)取20積分哦,立即完善>

3天內(nèi)不再提示

Google Chrome支持SVG圖像格式,或與Chrome 80一起提供

汽車(chē)玩家 ? 來(lái)源:開(kāi)源中國(guó) ? 作者:白開(kāi)水不加糖 ? 2019-11-24 09:16 ? 次閱讀

出現(xiàn)在網(wǎng)站頁(yè)面標(biāo)題左側(cè)的微小圖標(biāo)稱(chēng)為favicon或網(wǎng)站圖標(biāo),目前,Google Chrome已經(jīng)開(kāi)始支持favicon的SVG圖像格式,該功能最終可能隨Chrome 80一起提供。據(jù)悉,F(xiàn)irefox瀏覽器方面早在四年前就已經(jīng)開(kāi)始支持該功能。

事實(shí)上,Google在Chrome中添加對(duì)favicon的SVG支持并不是一件容易的事,Chromium的工作人員表示,“我們的SVG代碼被嚴(yán)重集成到核心渲染引擎中,所以這樣做需要一個(gè)完整的渲染器?!?/p>

目前,微軟的Internet Explorer和Edge還不支持SVG圖標(biāo),F(xiàn)irefox則是唯一支持該功能的瀏覽器。而如今,Chrome開(kāi)始支持SVG圖標(biāo),這意味著其他基于Chrome的瀏覽器如Vivaldi、Opera、Brave和new Microsoft Edge也將一樣支持該功能。

用戶(hù)可以使用preferreds-color-scheme設(shè)置SVG圖標(biāo)的樣式,在打開(kāi)黑暗模式時(shí),Chrome會(huì)將圖標(biāo)顯示為黑色,在淺色模式下圖標(biāo)則顯示為黃色。

此外,用戶(hù)可以在瀏覽器地址欄中訪問(wèn)測(cè)試站點(diǎn),來(lái)測(cè)試瀏覽器是否支持SVG網(wǎng)站圖標(biāo)。

聲明:本文內(nèi)容及配圖由入駐作者撰寫(xiě)或者入駐合作網(wǎng)站授權(quán)轉(zhuǎn)載。文章觀點(diǎn)僅代表作者本人,不代表電子發(fā)燒友網(wǎng)立場(chǎng)。文章及其配圖僅供工程師學(xué)習(xí)之用,如有內(nèi)容侵權(quán)或者其他違規(guī)問(wèn)題,請(qǐng)聯(lián)系本站處理。 舉報(bào)投訴
  • Google
    +關(guān)注

    關(guān)注

    5

    文章

    1754

    瀏覽量

    57380
  • SVG
    SVG
    +關(guān)注

    關(guān)注

    0

    文章

    126

    瀏覽量

    16374
收藏 人收藏

    評(píng)論

    相關(guān)推薦

    Firefox、Chrome和Puppeteer已支持WebDriver BiDi

    近期,我們與 BrowserStack 一起見(jiàn)證了 WebDriver BiDi 在 BrowserStack 中正式投入使用。并且 WebDriver BiDi 也繼續(xù)得到了完善,F(xiàn)irefox
    的頭像 發(fā)表于 11-06 16:35 ?214次閱讀

    ESP8266與IE相比,Chrome/Mozilla中的TCP服務(wù)器速度較慢是什么原因?

    我正在嘗試將 ESP8266-01 模塊用于個(gè)項(xiàng)目。我將其用作TCP服務(wù)器。我注意到瀏覽器 Chrome 和 Mozilla 的服務(wù)器響應(yīng)速度非常慢。但是,當(dāng)我使用IE瀏覽器時(shí),服務(wù)器的速度非常快。這有什么具體的原因嗎?
    發(fā)表于 07-22 06:44

    Chrome移動(dòng)版支持自定義菜單欄功能

    在先前版本中,用戶(hù)通過(guò)點(diǎn)擊瀏覽器右上角的三個(gè)點(diǎn)按鈕即可調(diào)出包含各類(lèi)圖標(biāo)與操作的菜單。而此次更新后,Chrome新增了“自定義菜單”選項(xiàng),允許用戶(hù)自主控制該區(qū)域的展示內(nèi)容。
    的頭像 發(fā)表于 05-27 15:00 ?713次閱讀

    谷歌:iOS版Chrome瀏覽器將支持“圈選即搜”功能,整合Google

    據(jù)了解,截至5月17日,Google已在Galaxy S24及Pixel 8系列智能手機(jī)中引入了所謂的“圈選即搜”功能,該功能旨在幫助用戶(hù)快速尋找關(guān)鍵信息。而日前,有消息透露,Google有意將此項(xiàng)技術(shù)引入iOS版Chrome
    的頭像 發(fā)表于 05-17 10:00 ?579次閱讀

    谷歌Chrome瀏覽器新增功能:生成隨機(jī)右鍵菜單密碼

    據(jù)悉,Google已于Canary版本Chrome瀏覽器添加了“Password manual fallback”的實(shí)驗(yàn)性標(biāo)志,支持用戶(hù)通過(guò)右鍵菜單生成密碼建議。
    的頭像 發(fā)表于 05-14 09:46 ?811次閱讀

    谷歌Chrome瀏覽器新版Favicon未對(duì)齊問(wèn)題獲確認(rèn)

    作為Chrome 123的升級(jí),2023年度的Chrome Refresh采用了Material 3界面元素。然而,部分用戶(hù)對(duì)此不甚滿意,選擇在chrome://flags頁(yè)面取消這些更改。
    的頭像 發(fā)表于 04-23 10:35 ?530次閱讀

    Chrome瀏覽器新增攝像頭與麥克風(fēng)預(yù)覽功能,解決會(huì)議操作困擾

    最近發(fā)布的 Chrome 123 版本中,用戶(hù)可提前預(yù)覽攝像頭拍攝的畫(huà)面以及麥克風(fēng)的收音效果。要啟動(dòng)此功能,只需在 Chrome 地址欄輸入“chrome://flags#camera-mic-preview”并按回車(chē),然后選擇
    的頭像 發(fā)表于 04-15 11:07 ?854次閱讀

    Chrome修復(fù)七大安全隱患,包含兩個(gè)零日漏洞

    3月28日,Google宣布Chrome瀏覽器新版本已發(fā)布,針對(duì)Windows和Mac系統(tǒng)的版本為123.0.6312.86以及123.0.6312.87,Linux用戶(hù)則使用123.0.6312.86版。
    的頭像 發(fā)表于 03-28 14:29 ?513次閱讀

    谷歌Chrome瀏覽器適用于搭載高通驍龍的Windows PC

    此外,值得期待的是,Google 和高通技術(shù)公司聯(lián)合宣布,將于近期推出更強(qiáng)大的高通驍龍 X Elite 處理芯片,預(yù)裝版 Chrome 將從中受益,進(jìn)步加速瀏覽器運(yùn)行速度。
    的頭像 發(fā)表于 03-27 10:35 ?533次閱讀

    微軟修復(fù)Win10/Win11上Chrome字體顯示異常問(wèn)題

    盡管許多人誤以為此問(wèn)題源于Chrome,但經(jīng)過(guò)深入調(diào)查分析得知,實(shí)際引發(fā)問(wèn)題的是Chrome與Windows在文本顯示參數(shù)方面的交互問(wèn)題。
    的頭像 發(fā)表于 03-25 15:22 ?675次閱讀

    Chrome 123穩(wěn)定版引入全新Long Animation Frames API

    早在 Chrome 116 版本中,谷歌就已經(jīng)開(kāi)啟了 LoAF 的實(shí)驗(yàn)性測(cè)試,如今,隨著 Chrome 123 版本的正式面世,這新特性被廣泛應(yīng)用開(kāi)來(lái)。此 API 堪稱(chēng) Long Tasks API 的升級(jí)版,主要功能在于深度
    的頭像 發(fā)表于 03-22 14:29 ?708次閱讀

    SVG正是感性還是容性

    SVG(可縮放矢量圖形)是種用于顯示圖形的XML格式,它對(duì)于Web開(kāi)發(fā)者來(lái)說(shuō)是個(gè)非常重要的技術(shù)。SVG
    的頭像 發(fā)表于 02-27 09:16 ?2215次閱讀

    矢量圖格式有幾種 矢量圖格式有哪些

    矢量圖是種使用數(shù)學(xué)公式描述圖形的圖像格式,它由許多平面幾何圖元(如點(diǎn)、線段、曲線、多邊形等)組成。和位圖(例如JPEG、PNG)不同,矢量圖可以無(wú)限放大而不會(huì)失真,因?yàn)樗鼈儾灰蕾?lài)于固定的像素點(diǎn)
    的頭像 發(fā)表于 02-20 15:58 ?8461次閱讀

    從瀏覽器原理解析Chrome常見(jiàn)插件的實(shí)現(xiàn)思路

    近期Chrome進(jìn)程架構(gòu) 從圖中可以看出,最新的 Chrome 瀏覽器包括:1 個(gè)瀏覽器主進(jìn)程、1 個(gè) GPU 進(jìn)程、1 個(gè)網(wǎng)絡(luò)進(jìn)程、多個(gè)渲染進(jìn)程和多個(gè)插件進(jìn)程。
    的頭像 發(fā)表于 12-08 14:25 ?760次閱讀
    從瀏覽器原理解析<b class='flag-5'>Chrome</b>常見(jiàn)插件的實(shí)現(xiàn)思路

    Chrome支持運(yùn)行Kotlin、Java等GC編程語(yǔ)言

    谷歌 Chrome 開(kāi)發(fā)者博客官宣:Chrome 已默認(rèn)啟用 WebAssembly 垃圾回收 (WasmGC) 功能 —— 能夠?qū)⒕哂?GC 的編程語(yǔ)言編譯為 WebAssembly (Wasm)。
    的頭像 發(fā)表于 11-24 11:43 ?688次閱讀