随着时代的变迁与技术的不断的更新，在当今这个时代，Web中的图标(Icons)不再仅仅是局限于<img>。除了<img>直接调用Icons文件之外，还有Sprites(俗称雪碧图)、Icon Font(字体图标)、SVG Icon等等。今天我们就来一起探讨一下这些方法在Web中实现Icon的利弊。
分类：
Web程序 时间：
2016-02-18 11:53:58
阅读次数：
357
1 背景 最近因为一些个人私事导致好久没写博客了，多事之年总算要过去了，突然没了动力，所以赶紧先拿个最近项目中重构的一个小知识点充下数，老题重谈。 在我们App开发中大家可能都会有过如下痛疾（程序员和设计妹妹注意喽）： 好多小的图标好烦人，又占体积还要考虑分辨率，一拉伸就模糊等。 同一个图标不同状态
分类：
移动开发 时间：
2016-02-16 19:04:03
阅读次数：
184
在IIS上部署web项目的时候，发现浏览器报找不到woff、woff2字体的错误，导致浏览器加载字体报404错误，由于服务器IIS不认SVG，WOFF/WOFF2 这几个文件类型，只要在IIS上添加MIME 类型即可。 文件扩展名 MIME类型 .svg image/svg+xml .woff ap
分类：
Web程序 时间：
2016-02-14 16:53:21
阅读次数：
146
在第一天学习了HTML5的一些非常重要的基本知识，今天将进行更深层学习首先来回顾第一天学习的内容，第一天学习了新标签，新控件，验证功能，应用缓存等内容。第2天将学习如何使用Canvas 和使用SVG 实现功能 Lab1—— 使用CanvasCanvas 是指定了长度和宽度的矩形画布，我们将使用新的HTML5 JavaScript，可使用HTML5 JS API 来画出各种图形。初始化1. 创建HT...
分类：
Web程序 时间：
2016-02-04 10:43:14
阅读次数：
424
本节主要讲解如何使用Canvas 和使用SVG 实现功能
分类：
Web程序 时间：
2016-02-04 09:43:52
阅读次数：
178
一个简单的SVG绘制图片的小案例。 效果图: 代码如下: 1 <style> 2 * { 3 padding: 0; 4 margin: 0; 5 } 6 7 body { 8 background-color: #d5d3d4; 9 } 10 11 .container { 12 width: 5
分类：
微信 时间：
2016-02-03 14:29:01
阅读次数：
442
1. Slickflow Designer 技术优势 1) 基于HTML5技术，兼容常见浏览器; 2) 纯Javascript / JsPlumb 脚本实现SVG图形化显示; JsPlumb允许您使用SVG、Canvas 或者 VML链接屏幕上的元素，这些取决于您使用的浏览器的能力; 3) 图形元素
分类：
Web程序 时间：
2016-02-03 13:33:54
阅读次数：
462
问题：最近在IIS上部署web项目的时候，发现浏览器总是报找不到woff、woff2字体的错误。导致浏览器加载字体报404错误，白白消耗了100-200毫秒的加载时间。 原因：因为服务器IIS不认SVG，WOFF/WOFF2 这几个文件类型，只要在IIS上添加MIME 类型即可。 解决方法 1、打开
分类：
Web程序 时间：
2016-02-02 16:13:48
阅读次数：
238
1、尽可能使用矢量图（svg）或者字体图标 2、鼓励人们上传最高质量的图片，屏幕向着高分辨率发展，方便以后改版 3、自动修改图片大小和压缩服务，最好能通过URL参数修改图片大小 （webP） 4、当同一张图片缩小看可以看不清楚，例如 这个时候应该显示下面这种 art direction use ca
分类：
其他好文 时间：
2016-01-29 19:42:03
阅读次数：
181
SVG 基本内容 SVG并不属于HTML5专有内容 HTML5提供有关SVG原生的内容 在HTML5出现之前,就有SVG内容 SVG,简单来说就是矢量图 SVG文件的扩展名为".svg" SVG使用的是XML语法 概念 SVG是一种使用XML技术描述二维图形的语言 SVG的特点 SVG绘制图形可以被
分类：
其他好文 时间：
2016-01-29 11:38:07
阅读次数：
123
