开发人员很多时候需要使用图表来表现一些数据，而一张图表往往能够比几行密密麻麻的数字表格更能直观地展示数据内容。随着Web技术的发展，从传统只能依靠于flash、IE的vml，各个浏览器尚不统一的svg，到如今规范统一的canvas、svg为代表的html5技术，表现点、线、面要素的技术已经越来越规范...
分类：
其他好文 时间：
2015-05-14 09:58:01
阅读次数：
140
一个小实验，探索 SVG 线图动画的使用情况，以前沿的展示形式呈现图形或网站元素的外观，模拟它们的加载。SVG 成为一个有趣的网站组件，它真的很强大，有许多创造性和可能性，使用 SVG 可以制作各种有趣的网站交互效果。今天，我们想分享一组实验 SVG 绘制动画的例子。
一个功能十分完整、效果很不错的矢量图绘制App源代码。如果大家用过Adobe的AI软件，就会了解制作矢量图软件的一些功能。这个App基本具备了AI大部分常用的工具，包括钢笔、线段、文字、选择、拾色器、橡皮等等工具，还支持将某些物体进行分组，支持图层操作。可以将制作好的矢量图输出成SVG、PDF、PNG 以及 JPEG格式。
应用安装包：App的App Store下载地址为：http...
分类：
其他好文 时间：
2015-05-12 11:30:55
阅读次数：
157
一个功能十分完整、效果很不错的矢量图绘制App源代码。如果大家用过Adobe的AI软件，就会了解制作矢量图软件的一些功能。这个App基本具备了AI大部分常用的工具，包括钢笔、线段、文字、选择、拾色器、橡皮等等工具，还支持将某些物体进行分组，支持图层操作。可以将制作好的矢量图输出成SVG、PDF、PN...
分类：
其他好文 时间：
2015-05-12 10:45:41
阅读次数：
150
location ~.*\.(html|htm|gif|jpeg|bmp|jpg|ico|js|css|flv|ttf|woff|eot|svg|shtml|png|doc|exe|docx|swf|wmv|zip|ppt|mpg|mp3|asf|pptx|asx|avi|bmp|dat|db|d....
分类：
其他好文 时间：
2015-05-11 12:49:25
阅读次数：
161
如何理解 IE 的文档兼容模式（X-UA-Compatible）？ IE 浏览器支持多种文档兼容模式，得以因此改变页面的渲染效果。 IE9 模式支持全范围的既定行业标准，包括 HTML5（草案）, W3C CSS Level 3 规范（草案）, SVG 1...
分类：
其他好文 时间：
2015-05-10 14:25:37
阅读次数：
93
颜色插值指的是给出两个 RGB 颜色值，两个颜色之间的值通过插值函数计算得到。线性渐变是添加到 SVG 图形上的过滤器，只需给出两端的颜色值即可。1. 颜色插值在【高级 - 第 5.0 章】里已经提到了颜色插值，在这里做一个例子。先定义颜色插值函数如下，var a = d3.rgb(255,0,0); //红色
var b = d3.rgb(0,255,0); //绿色
var compute...
分类：
Web程序 时间：
2015-05-09 08:52:57
阅读次数：
890
这里就不介绍背景了，直接说说在 Android 中如何使用 SVG资源吧！
使用步骤：
1、SVG资源的源文件
要使用 SVG资源，我们首先得有 svg 资源，在哪里找呢，有很多工具能够生成 SVG资源，比如omnigraffle图形编辑器，我这里生成好了一张 SVG资源的图片
用浏览器打开之后可以看到它的代码我们所要的就是path 之后的 svg 代码...
分类：
移动开发 时间：
2015-05-05 19:37:56
阅读次数：
231
#!perl
use warnings;
use strict;
use SVG;
use File::Basename qw(basename);
die "perl $0
Note: support 24 colors to sample~
" if @ARGV != 3;
my (@file, @pwtmp, @pw2sp);
my $i = 0;
open PW, $ARGV[...
分类：
其他好文 时间：
2015-04-30 20:13:41
阅读次数：
117
用svg画了个下面的chart图
上图红框中的东西是如下代码
简单而言 就是画了个矩形框和两个路径，矩形框是为了可选择的范围更大点，两个路径就是图中的两条折线。
问题：click事件不灵敏， 偶尔能触发 偶尔点不动。
过程：
一开始没有矩形，我在两条折线上注册了click事件，但是发现只有点击到细线上才能触发click，所以我加了个矩形框让选择的范围变大，并设...
分类：
其他好文 时间：
2015-04-30 14:18:31
阅读次数：
142
