问题：最近在IIS上部署web项目的时候，发现一些字体图标等无法正常显示，经查是浏览器无法找到woff、woff2字体的对应文件，报404错误。原因：因为服务器IIS默认没有全部添加.svg，.woff/.woff2 这几个文件类型，只要在IIS上添加MIME类型即可。解决方法1、打开服务器IIS管...
分类：
Web程序 时间：
2015-12-16 12:04:56
阅读次数：
422
来源：http://www.w3cplus.com/svg/styling-svg-use-content-css.html?utm_source=tuicool&utm_medium=referral-------------------------------------------------...
分类：
Web程序 时间：
2015-12-15 14:33:20
阅读次数：
359
很多时候我们会遇到需要应用三角形元素的场景，比如一个下拉菜单的交互提示：或者一个页旁的装饰性标签：实际上，给页面添加三角形的解决方案有很多，用CSS、SVG、Canvas，甚至用PS画一个贴上去都可以，但是我们在考虑解决方案时一定要选择最优的那个。可以肯定的是，当对三角形的功能需求比较简单和单一的时...
分类：
Web程序 时间：
2015-12-15 14:19:57
阅读次数：
174
1.$和jquery在全局命名空间中定义的唯一两个变量。 2.jquery是工厂函数，不是构造函数。他返回一个新创建的对象。 3.jquery的四种调用方式： 传递CSS选择器(字符串)给$()方法 传递Element，Document或Window对象给$()方法 传递HTML...
分类：
Web程序 时间：
2015-12-15 10:21:21
阅读次数：
227
一、SVG属性和CSS3属性千丝万缕的关系CSS3新增属性除了我们现在用的比较多的border-radius,box-shadow,gradient,...之类，还有很重要的一个分支：SVG属性家族！所谓「SVG属性家族」是指原本SVG的标签属性可以直接使用CSS设置。比方说，之前介绍“SVG Sp...
分类：
Web程序 时间：
2015-12-14 16:31:03
阅读次数：
301
在SVG绘制的任何一个时刻，你可以通过嵌套或者使用例如的元素来建立新的viewport和用户坐标系。在这篇文章中，我们将看一下我们如何这样做，以及这样做如何帮助我们控制SVG元素并让它们变得更加灵活（或流动）。这是SVG坐标系和变换系列的第三篇也是最后一篇文章。在第一篇中，包括了任何要理解SVG坐标...
分类：
其他好文 时间：
2015-12-14 16:16:29
阅读次数：
277
CSS和SVG有很多共同之处。CSS有很多特性都是从SVG中引入过来的。其中就有“剪切”的特性。CSS和SVG都允许我们对一个元素进行非矩形的剪切。在这篇文章中，将介绍CSS和SVG中的剪切技术。特别声明：本文提供的DEMO可能在你的浏览器中不能正常的演示，你应该查看这个表格了解更多相关的信息。你在...
分类：
Web程序 时间：
2015-12-14 16:12:56
阅读次数：
201
SVG元素可以通过缩放，移动，倾斜和旋转来变换-类似HTML元素使用CSS transform来变换。然而，当涉及到坐标系时这些变换所产生的影响必然有一定差别。在这篇文章中我们讨论SVG的transform属性和CSS属性，包括如何使用，以及你必须知道的关于SVG坐标系变换的知识。这是我写的SVG坐...
分类：
其他好文 时间：
2015-12-14 16:05:55
阅读次数：
607
SVG元素不像HTML元素一样由CSS盒模型管理。这使得我们可以更加灵活定位和变换这些元素-也许一眼看上去不太直观。然而，一旦你理解了SVG坐标系和变换，操纵SVG会非常简单并且很有意义。本篇文章中我们将讨论控制SVG坐标系的最重要的三个属性：viewport，viewBox， 和preserveA...
分类：
Web程序 时间：
2015-12-14 15:57:39
阅读次数：
257
什么是SVG？SVG 指可伸缩矢量图形 (Scalable Vector Graphics)SVG 用来定义用于网络的基于矢量的图形SVG 使用 XML 格式定义图形SVG 图像在放大或改变尺寸的情况下其图形质量不会有所损失SVG 是万维网联盟的标准SVG 与诸如 DOM 和 XSL 之类的 W3C...
分类：
其他好文 时间：
2015-12-09 11:49:28
阅读次数：
147
