我们一般直接为canvas元素设置width与height属性来指定大小,但是,当我们使用css设置canvas元素大小的时候,会发现一些奇奇怪怪的问题,比如,坐标偏移,图形缩放等,根据原因在于canvas元素尺寸与绘图表面尺寸的区别
分类:
其他好文 时间:
2014-07-07 08:16:27
阅读次数:
301
首先说明:由于各浏览器对svg动画事件支持不统一,此loading动画在Firefox,Opera,Chrome中均没有问题,IE和Safari中有问题,可能是不支持SIML写动画的语法,但是用Canvas写的话,在颜色的渐变方面会有问题: 线性渐变需要传递四个参数 xstart:渐变开始点x坐.....
分类:
其他好文 时间:
2014-07-07 08:13:01
阅读次数:
310
源码:http://download.csdn.net/detail/liumingm900913/7469969 游戏开发流程:1、创建画布:将画布放在div标签里面,这样能够控制画布居中的位置,再对div标签加上一些样式比方border和border-radius,这样一来使其看上去像手机,利....
分类:
Web程序 时间:
2014-07-03 22:33:51
阅读次数:
345
Blowing up HTML5 video and mapping it into 3D space(将HTML5视频吹散并组成3D效果)最近我研究了HTML 5中的Canvas 和Video 标签,并发现了一些很酷的特性。其中之一就是Canvas.drawImage() api。此为详细介绍。C...
分类:
Web程序 时间:
2014-07-03 00:41:16
阅读次数:
1001
当数据量很大时,绘图可能需要几秒钟甚至更长的时间,而且有时还会出现闪烁现象,为了解决这些问题,可采用双缓冲技术来绘图。
双缓冲即在内存中创建一个与屏幕绘图区域一致的对象,先将图形绘制到内存中的这个对象上,再一次性将这个对象上的图形拷贝到屏幕上,这样能大大加快绘图的速度。双缓冲实现过程如下:
1、在内存中创建与画布一致的缓冲区
2、在缓冲区画图
3、将缓冲区位图拷贝到当前画布...
分类:
编程语言 时间:
2014-07-02 16:47:11
阅读次数:
310
Jqueryeasyui:实现前端数据包格式化输出,支持多种模块式定义,只需要添加相应的预设参数即可实现丰富的前端。资料参考:http://www.jeasyui.com/Jquerysparkline:基于jQuery的js插件,底层调用html5的canvas标签,并通过js动态实现在数据表行内画条形图或趋势图,操作简单,可..
分类:
Web程序 时间:
2014-07-02 15:46:17
阅读次数:
479
在监控方面,两周的心得与大家共勉。首先说说在线上跑的监控(cacti),两周下来没有出现问题,日志也没有出现报错的迹象,绘图,获取数据都是正常的。如下图所示:至于监控,对于cacti来说,绘图是很直观的,一目了然,学会使用cacti,更重要的是要学会看坐标,还有坐标下面更详..
分类:
数据库 时间:
2014-07-02 15:44:57
阅读次数:
457
往往在一个绘图区域会有很多个图形,如果通过右键拖动画布或者通过滚动条来查找,是一件很烦人的事情。下面我就给出解决这个问题的方案。
前提是有一个整个绘图区域的tree或者datagrid,我们需要选择直接要定位的图形cell。
首先我们需要一个mxGraph的全局对象,暂且就定义为ylEditor.ylCanvas吧。
接下来我们要定义一个查找图形cell的方法,只有通过这个方法,才能找到画布...
分类:
其他好文 时间:
2014-07-02 15:26:39
阅读次数:
547
新特性HTML5 中的一些有趣的新特性:用于绘画的 canvas 元素用于媒介回放的 video 和 audio 元素对本地离线存储的更好的支持新的特殊内容元素,比如 article、footer、header、nav、section新的表单控件,比如 calendar、date、time、emai...
分类:
Web程序 时间:
2014-07-01 19:07:37
阅读次数:
318