我們去年就在emojiall.com這個網站中大量使用svg格式的矢量圖,包括各emoji圖片廠商和平台提供的svg矢量圖以及我們自己的排行榜、情緒分析等原創生成的svg圖,有一些svg是直接把svg代碼放置在頁面的html中,最近把一部
SVG
這是 SVG 分類的頁面,點擊下面标題查看詳細文章内容:
By James Qi, 2021年2月20日
SVG是Scalable Vector Graphics三個英文單詞的首字母縮寫,意為“可縮放矢量圖形”,以前在維基百科、漢字筆順庫等地方常見到,在我們做EmojiAll.com項目中也下載到好幾個廠商為Emoji制作的SVG圖。
然而我們以前還沒有自己生成或者繪制過SVG圖,直到去年底我們想在EmojiAll網站添加Google Trends數據,我們通過第三方API獲取到Google Trends數據後,比較了eChart、Canvas、PNG、GIF、SVG等多種方式,最後确定用SVG來繪制矢量圖,由此認識到SVG的兼容性很好、支持AMP、速度快、代碼少、功能強、動态效
By James Qi, 2020年9月2日
我們的EmojiAll網站去年開始做的時候就收集整理了各廠商的圖片,圖片版本過多、尺寸過多也是一個問題,我們分别把不同尺寸的頁面放在不同的頁面中,今年改版的時候更是明确有一個頁面放置小圖片(例如:✒️鋼筆尖),另有一個頁面放置大圖片(例如:✒️鋼筆尖高清大圖和Unicode信息)。
另外,去年同事還了解了關于圖片版權方面的問題,Google和Twitter是最寬松的,我們當時也下載過這兩個廠商的文件包,其中還包含了SVG矢量圖,不過當時沒有用。最近幾天再次準備在網站上加上矢量圖,重新下載了最新版本,網址如下:
- Google:goog