标签: svg

SVG就是你所需的一切

SVG就是你所需的一切

二十年前在剑桥大学植物科学系担任博士后时开展的一个项目,最近重启该工具时,惊喜地发现它在现代浏览器中仍能完美运行

SVG 网站图标(favicon)的实际应用

SVG 网站图标(favicon)的实际应用

我们有充分理由关注SVG Favicon:暗色模式支持。暗色模式近期备受关注。您可能已为自己的网站实现了暗色模式。这对图标意味着什么?这意味着根据浏览器标签页背景亮度显示不同Favicon的能力。

【外评】SVG:好的、不好的、糟糕的

【外评】SVG:好的、不好的、糟糕的

SVG 是一种适合人类直接使用的格式吗?当然不是。首先,冗长的语法和复杂性也不利于人类用户使用。其次,它缺少很多适合直接使用的功能

用交互式动画帮你理解SVG绘制弧线,二次、三次贝塞尔曲线

用交互式动画帮你理解SVG绘制弧线,二次、三次贝塞尔曲线

用交互式动画帮你理解SVG绘制弧线,二次、三次贝塞尔曲线

将 Linux 终端会话录制成 SVG 动画

将 Linux 终端会话录制成 SVG 动画

Termtosvg 将你的终端会话录制成一个单独的 SVG 动画。它是一款简单的命令行工具,使用 Python 语言编写,可以生成轻量级、外观整洁的动画,可以嵌入到网页项目中。

[译] 使用 SVG 符号和 CSS 变量实现多彩图标

[译] 使用 SVG 符号和 CSS 变量实现多彩图标

使用图片和 CSS 精灵制作 web 图标的日子一去不复返了。随着 web 字体的爆发,图标字体已经成为在你的 web 项目中显示图标的第一解决方案。

高清图标SVG解决方案全总结(下)

高清图标SVG解决方案全总结(下)

在上一篇文章中,我们讲述了字体渲染机制和导致iconfont出现锯齿的原因,以及如何才能出绘制高质量SVG ICON,并且提供了一套AI模版供大家参考使用。下文将讲诉前端侧我们如何用SVG来做成高清ICON,并且良好支持PC下的各个浏览器,并兼容IE6+以上的浏览器。

高清图标SVG解决方案全总结(上)

高清图标SVG解决方案全总结(上)

随着硬件快速的发展,Retina技术发展至今,目前Google Nexus6的devicePixelRatio已经到了3.5,虽然目前主流的Retina显示器还是以devicePixelRatio = 2的为主,但是为了更好的用户体验,前端和视觉同学经常都要为了各种图标能够在Retina屏幕下高清显示而头痛。