最近用gnuplot画了不少图,关键字神马的每次用到都要重新去查使用文档,简直神烦。所以干脆将常用的技巧总结成文,以便日后查阅。
一、gnuplot简介
可能我说了半天还有人不造gnuplot是个啥东西呢。gnuplot,轻量级画图神器。放上维基百科的解释:gnuplot是一套跨平台的数学绘图自由软件。使用交互式接口,可以绘制数学函数图形,也可以从纯文字档读入简单格式的座标资料,绘制统计图表等等。它不是统计软件,也不是数学软件,它纯粹只是一套函数/资料绘图软件。它可以产生PNG,SVG,PS,HPGL,…...
分类:
其他好文 时间:
2014-11-27 20:37:33
阅读次数:
411
一. 图片 如果需要在页面中显示图片,可以使用Flex的图片空间(Image Control)。Flex的图片组件支持常用的图片格式,包括GIF,JPEG,PNG,SVG和SWF格式。 1.图片来源 a. 本地文件:即Flex运行的本地文件目录中的图片。使用这类图片时,可以使用完整的文件地址,或者....
分类:
其他好文 时间:
2014-11-25 20:26:04
阅读次数:
231
CSS3提供了遮罩效果,这是以前CSS2中比较难实现的一个新特性,配合SVG或者canvas同样也可以实现遮罩效果,他的效果就如下图所示:简单的说就是在一个层上面加一个过滤层,过滤层透明度越低,底层就显示的越多,反之,底层显示越少1. CSS3属性CSS3中提供的新属性有(括号为跟backgroun...
分类:
Web程序 时间:
2014-11-25 20:22:49
阅读次数:
3405
使用SVGanimateMotion实现的一个动画路径效果,相关代码如下。在线调试唯一地址:http://www.gbtags.com/gb/debug/c88f4099-5056-4ad7-af4e-0ededd4f65d2.htm原文来自:SVG的路径动画效果
分类:
其他好文 时间:
2014-11-25 17:52:45
阅读次数:
175
1.使用浏览器支持的图形引擎,比如ie下的vml,firefox,opera,safari支持的svg或者canvas。 2.http://www.walterzorn.com/jsgraphics/jsgraphics_e.htm,这是一个相当纯正的js图形库,它特立独行的地方就是:“完全使用di...
分类:
Web程序 时间:
2014-11-24 16:35:23
阅读次数:
312
ProgressBar.js 是一个借助动态 SVG 路径的漂亮的,响应式的进度条效果。使用 ProgressBar.js 可以很容易地创建任意形状的进度条。这个 JavaScript 库提供线条,圆形和方形等几个内置的形状,但你可使用 Illustrator 或任何其它的矢量图形编辑器创建自己的进...
分类:
Web程序 时间:
2014-11-24 11:28:30
阅读次数:
252
本实例展示如何在SVG中画出一个正方形并使之旋转。运行结果如下图所示:在文本框中输入时间间隔,单位是毫秒。点击Start按钮,蓝色方块就会开始转动,每个时间间隔变化一度。变换的角度在下面的Angle处显示。实现代码如下,技术要点已经详细注释。 标签声明一个svg画布长40px宽40px...
分类:
其他好文 时间:
2014-11-23 21:28:58
阅读次数:
222
SVG 与 Canvas:如何选择61(共 69)对本文的评价是有帮助-评价此主题本主题一开始将对 SVG 与 Canvas 进行简要比较,接下来会讨论大量的比较代码示例,如光线跟踪和绿屏。注意为了查看本主题中包含的很多示例,你必须使用支持SVG和Canvas元素的浏览器(如 Windows Int...
分类:
其他好文 时间:
2014-11-23 11:42:16
阅读次数:
381
1.使用 SVG 制作单选和多选框动画通过 JavaScript 实现 SVG 路径动画,我们可以做很多花哨的东西。今天我们要为您介绍一些复选框和单选按钮效果。实现的主要思路是隐藏原生的输入框,使用伪元素创造更具吸引力的样式,输入框被选中的时候执行 SVG 动画。在线演示源码下载2.PHP+jQue...
分类:
Web程序 时间:
2014-11-22 15:59:44
阅读次数:
291
1、chang.html 文件内容:
2、chang.svg 文件内容:
id="page-svg"
version="1.1"
width="300px"
height="700px"
vi...
分类:
其他好文 时间:
2014-11-22 02:01:24
阅读次数:
170