饼图,即使是最简单的只有两种颜色的形式,用Web技术创建也并不简单,尽管都是一些常见的信息内容,从简单的统计到进度条指标还有计时器。通常是使用外部图像编辑器来分别为多个值创建多个图像来实现,或是使用大型的JavaScript框架来设计更复杂的图表。尽管这个东西并不像它曾经看起来那么难以实现,但是也没...
分类:
Web程序 时间:
2015-08-12 18:55:54
阅读次数:
142
Raphael JS:SVG/VML+JS实现跨浏览器的矢量图形实现方案http://blog.csdn.net/tiewen/article/details/8535748SVG那些小事儿http://www.w3cfuns.com/article-5601506-1-1.htmlRaphaël—...
分类:
其他好文 时间:
2015-08-12 18:29:10
阅读次数:
161
使用的是一个第三方库android-pathview主要是一个自定义View——PathView,跟所有自定义View一样,重写了三个构造方法。并且最终调用三个参数的构造方法,在里面获取自定义属性。...
分类:
移动开发 时间:
2015-08-11 12:17:40
阅读次数:
304
【文字:元素】基本属性x:文字左下角的X坐标,默认测量单位是当前用户坐标系单位,默认值是0.y:文字左下角的Y坐标.【中嵌套元素】通过该元素就可以对同一个元素内的文字位置、样式等属性进行单独或者部分设置,而不用再增加元素。基本属性:x:逐个定义文字左下角的X绝对坐标。"+"号表示这是一个列表值(下同...
分类:
其他好文 时间:
2015-08-11 12:13:28
阅读次数:
207
package com.tellhow.svg;import java.io.File;import java.io.FileOutputStream;/*** * @author 风絮NO.1**/public class CakySvgWithLabel {//定义不同的颜色static Str...
分类:
编程语言 时间:
2015-08-07 00:16:10
阅读次数:
110
1.使用svg实现组态画面和动态数据展示通过js的定时器调用webservice方法获取数据后更新节点数据 /// 启动定时刷新 function Start() { InitSvgElement(); this.timer = setIn...
分类:
Web程序 时间:
2015-08-06 00:15:49
阅读次数:
427
SVG矢量图形基础入门(一)SVG完整名称是Scalable Vector Graphics,基于XML的互联网图形标准,本课程将介绍SVG的基本相关使用课程链接:http://www.gbtags.com/gb/gbliblist/66.htmSVG矢量图形基础入门(二)SVG完整名称是Scala...
分类:
其他好文 时间:
2015-08-05 16:14:21
阅读次数:
114
SVG元素可以通过缩放,移动,倾斜和旋转来变换-类似HTML元素使用CSS transform来变换。然而,当涉及到坐标系时这些变换所产生的影响必然有一定差别。在这篇文章中我们讨论SVG的transform属性和CSS属性,包括如何使用,以及你必须知道的关于SVG坐标系变换的知识。这是我写的SVG坐...
分类:
其他好文 时间:
2015-08-05 12:19:10
阅读次数:
127
之前介绍过元素,它允许我们自定义图形元素。在本章中将要使用这个元素来定义SVG图形的色彩渐变、模式填充、剪裁和遮罩,还将介绍如何在svg中使用css样式表。【色彩渐变】svg中有两种色彩渐变:线性渐变和反射渐变。它们的渐变格式都被定义在元素中,然后在需要的SVG图元中引用它。线性渐变——是沿着直线方...
分类:
其他好文 时间:
2015-08-05 10:18:04
阅读次数:
125
demo:http://codepen.io/tianzi77/pen/jPXRKo
Document
<circle...
分类:
Web程序 时间:
2015-08-04 09:27:06
阅读次数:
160