html{filter:grayscale(100%);-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:url("data:p_w_picpath/svg+xml;utf8,<svgxmlns=\"http://www.w3.org/2000/svg\"><filterid=\"grayscale\"&g..
分类：
Web程序 时间：
2015-01-16 19:20:42
阅读次数：
213
使用 img 和 object 标签直接引用 SVG 是早期常见的使用方法。 这种方法的缺点主要在于要求每个图标都单独保存成一个 SVG 文件，使用时也是单独请求的。 如果在页面中使用的多个图标，每个都是单独请求的话会产生很多请求数，增加服务端的负载和拖慢页面加载速度， 因此现在很少使用了。
分类：
Web程序 时间：
2015-01-15 15:47:39
阅读次数：
464
代码实在是太繁琐，所以这里先贴出效果图
效果图一
不同的字体大小，颜色（可设置）
文字可以多行，不同间距（可设置）
饼形图文字随角度旋转（可设置）
不同级别的饼形图半径（可设置）
根据填充数字填充的饼形图区域（可设置）...
分类：
编程语言 时间：
2015-01-14 16:55:47
阅读次数：
255
接上一篇文章：问题：解决了html5Mode的路由问题之后，今天突然发现一个奇怪的问题：项目中使用SVG所画的箭头全都不见了？反复测试之后发现Chrome和Firefox有问题，而IE却可以显示，但是在处理html5Mode之前这三个浏览器都是没有问题的。解决思路：Google了一下，发现是在页面中...
分类：
Web程序 时间：
2015-01-12 14:19:15
阅读次数：
214
概述：Arcgis for Javasctipt中常见的layer有动态图层（ArcGISDynamicMapServiceLayer
）、切片图层（ArcGISTiledMapServiceLayer）、特征图层（FeatureLayer）、图象图层（GraphicsLayer）、标注图层（LabelLayer）、wms图层（WMSLayer）和切片wms图层（WMTSLayer）等几种。本文结合SVG技术，详细介绍Arcgis for Javasctipt中常见的layer。...
分类：
编程语言 时间：
2015-01-09 17:32:35
阅读次数：
479
问题：最近在IIS上部署web项目的时候，发现浏览器总是报找不到woff、woff2字体的错误。导致浏览器加载字体报404错误，白白消耗了100-200毫秒的加载时间。原因：因为服务器IIS不认SVG，WOFF/WOFF2 这几个文件类型，只要在IIS上添加MIME类型即可。解决方法1、打开服务器I...
分类：
Web程序 时间：
2015-01-09 10:40:38
阅读次数：
180
剪切是什么剪切是一个图形化操作，你可以部分或者完全隐藏一个元素。被剪切的元素可以是一个容器也可以是一个图像元素。元素的哪些部分显示或隐藏是由剪切的路径来决定的。剪切路径定义了一个区域，在这个区域内的内容将会显示，而不在这个区域内的内容不会显示。这个区域被称之为“裁剪区域”。只要在这个区域之外的任何元...
分类：
Web程序 时间：
2015-01-08 14:45:04
阅读次数：
267
1. 首先了解SVG的基本元素 http://www.w3school.com.cn/svg/2. 了解d3的专有名词 http://www.cnblogs.com/huxiaoyun90/p/4207847.html3. 了解d3的基本使用APIselect selectAllappenda...
分类：
其他好文 时间：
2015-01-07 16:22:31
阅读次数：
186
注：源码已放在github上，地址为:https://github.com/Wellla/canvas.git,需要使用的同学自行下载(自己比较懒,没有做mesh) 前言：Canvas，没错，这个名字和大明鼎鼎html5的canvas同名,因为再也没什么名有这么形象，组件也是在raphael的...
分类：
Web程序 时间：
2015-01-04 16:39:24
阅读次数：
191
