我们去年就在emojiall.com这个网站中大量使用svg格式的矢量图,包括各emoji图片厂商和平台提供的svg矢量图以及我们自己的排行榜、情绪分析等原创生成的svg图,有一些svg是直接把svg代码放置在页面的html中,最近把一部
SVG
这是 SVG 分类的页面,点击下面标题查看详细文章内容:
由 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、速度快、代码少、功能强、动态效
由 James Qi, 2020年9月2日
我们的EmojiAll网站去年开始做的时候就收集整理了各厂商的图片,图片版本过多、尺寸过多也是一个问题,我们分别把不同尺寸的页面放在不同的页面中,今年改版的时候更是明确有一个页面放置小图片(例如:✒️钢笔尖),另有一个页面放置大图片(例如:✒️钢笔尖高清大图和Unicode信息)。
另外,去年同事还了解了关于图片版权方面的问题,Google和Twitter是最宽松的,我们当时也下载过这两个厂商的文件包,其中还包含了SVG矢量图,不过当时没有用。最近几天再次准备在网站上加上矢量图,重新下载了最新版本,网址如下:
- Google:goog