JS Bin function darwTrails(){ var canvas = document.getElementById('drawRect'); var context = canvas.getContext('2d'); context.save(); contex...
分类：
其他好文 时间：
2014-07-22 22:51:16
阅读次数：
154
1、canvas是一个二维网格坐标系2、canvas路径 arc()的使用方法：context.arc(x,y,r,sAngle,eAngle,counterclockwise);参数描述x圆的中心的 x 坐标。y圆的中心的 y 坐标。r圆的半径。sAngle起始角，以弧度计（弧的圆形的三点钟位置....
分类：
其他好文 时间：
2014-07-22 22:40:32
阅读次数：
291
参考了慕课网课程：炫丽的倒计时效果Canvas绘图与动画基础感谢 liuyubobobo老师 ，提供了这么好的课程1、标签 注意：最好在标签中指定canvas的width 和 height 或者用js : canvas.width , canvas.height 如果你的浏览器支持canvas，那么...
分类：
其他好文 时间：
2014-07-22 22:37:13
阅读次数：
266
1、定义canvas的尺寸的时候最好用html的方式定义，用width和height的方式，用css会导致画布按照css设定的方式进行缩放，cavas内部是一个2d的渲染环境2、一个canvas对应一个2d的渲染环境，绘制图形的操作都是在2d渲染环境中进行的 一个简单的例子 在400...
分类：
其他好文 时间：
2014-07-22 22:32:33
阅读次数：
200
一，对比1,html5中首先看看在html5的canvas中的文字显示var canvas = document.getElementById("myCanvas"); var context = canvas.getContext("2d"); context.font = "40pt Calib...
分类：
Web程序 时间：
2014-07-22 00:37:37
阅读次数：
256
HTML5中canvas元素，绘制圆形需要使用路径，开始时要取得图形上下文，首先使用路径来勾勒图形的轮廓，然后设置颜色，进行绘制。<!DOCTYPEhtml>
<head>
<metacharset="UTF-8"/>
<script>
functiondraw(id){
varcanvas=document.getElementById(id);
if(..
分类：
Web程序 时间：
2014-07-21 19:22:22
阅读次数：
304
认识WebGL作者：chszs，转载需注明。博客主页：http://blog.csdn.net/chszsWebGL是一个跨平台、免费的底层3D绘图API的Web标准，它基于OpenGL ES 2.0标准。WebGL是网页上渲染三维图形图像的技术，它本身是HTML5规范的一部分。WebGL通过HTML5 Canvas元素对外暴露DOM编程接口。WebGL全称是Web-based Graphics ...
分类：
Web程序 时间：
2014-07-20 22:41:03
阅读次数：
352
最近工作时研究了一下css3动画和js动画，主要是工作中为了增强页面的趣味性，大家都有意无意的添加了很多动画效果，当然大部分都是css3动画效果，可以gpu加速，这会减少移动端的性能需求。
今天主要说的是蜂窝效果，具体效果大家等下可以运行源码，这里就不放gif图了。
css3的原理很简单，就是通过更改background-size，由于css3中的background中可以设置repeat属性...
分类：
Web程序 时间：
2014-07-20 15:16:51
阅读次数：
317
Canvas,Paint1.在android 绘图但中经常要用到Canvas和Paint类，Canvas好比是一张画布，上面已经有你想绘制图画的轮廓了，而Paint就好比是画笔，就要给Canvas进行添色等操作。这两个类通常都是在onDraw(Canvas canvas)方法中用的。2.Bitmap...
分类：
移动开发 时间：
2014-07-20 08:01:57
阅读次数：
645
