clipRect 介绍 博客分类： android clipRect 介绍 android android的clip有以下两点疑问： Clip(剪切)的时机 Clip中的Op的参数的意思。 通常咱们理解的clip(剪切)，是对已经存在的图形进行clip的。但是，在android上是对canvas（画 ...
分类：
其他好文 时间：
2017-04-04 16:10:57
阅读次数：
198
在很多时候都需要用到验证码，前端验证码需要知道Html5中的canvas知识点。验证码生成步骤是：1.生成一张画布canvas 2.生成随机数验证码 3.在画布中生成干扰线 4.把验证码文本填充到画布中 5.点击画布更换验证码 结构与样式： 下面来编写js代码： 这样就写好一个较普通的验证码了，当然 ...
分类：
Web程序 时间：
2017-04-02 11:49:12
阅读次数：
204
之前一直看别人写的各种svg动画，画的svg图画，感觉好炫酷，也感觉好难，总有一种无法入手的感觉。但最近由于工作需要，要做一些小动画，要模仿app的原生的，就做了一些尝试及学习。下面是我的一些学习心得： 要做svg动画，就要首先了解一下svg动画的过程 以圆形缓冲加载动画为例： 首先要确定画布的位置 ...
分类：
其他好文 时间：
2017-04-02 11:06:44
阅读次数：
186
Canvas API（画布）用于在网页实时生成图像，并且可以操作图像内容，基本上它是一个可以用JavaScript操作的位图（bitmap）。使用前，首先需要新建一个canvas网页元素。 1 2 3 4 <canvas height="200" id="myCanvas" width="400"> ...
1.绘制圆 绘制圆是canvas里面不可缺少的功课，而且绘制圆在canvas中的用处很多，好嘞，开扯 绘制圆需要用到arc这个方法： arc(X坐标,Y坐标,半径，起始弧度，结束弧度，旋转方向)； 弧度与角度的关系：弧度 = 角度*Math.PI/180； 旋转方向：true(逆时针)，false( ...
分类：
其他好文 时间：
2017-03-31 20:57:03
阅读次数：
163
最近弄数据库弄得头大，想着没事整理一下画布canvas吧，毕竟canvas用途广泛，是html游戏开发必不可少的一环，也是h5新特性中的重中之重 首先canvas是一个html标签，可以给他设置一些css的样式，它默认是黑色的，宽为300px,高为150px的一个区域，他的坐标为（0,0），也就是浏 ...
分类：
其他好文 时间：
2017-03-31 19:04:13
阅读次数：
139
在页面中添加canvas元素会在页面上生成一个矩形的位图画布，可以使用JavaScript在画布上实时绘制图形图像。在绘制图形时，需要先调用画布的getContext函数获取与该画布相关的用于绘制图形（如2D图形、3D图形）的对象，然后使用这个对象调用不同的图形函数来绘制相应的图形。下面分别介绍2D... ...
分类：
编程语言 时间：
2017-03-30 13:27:27
阅读次数：
183
canvas旋转的两种方法： 1、先用translate()将(0,0)坐标移动到想要旋转的中心点，再用rotate()旋转，最后要用translate()将中心移回(0,0)点。 2、将要旋转的内容放在save()方法和restore()方法之间（类似于将两个方法里的绘制放在新的画布里），此方法也 ...
分类：
其他好文 时间：
2017-03-27 15:20:34
阅读次数：
117
