1 <!DOCTYPE html> 2 <html> 3 <head lang="en"> 4 <meta charset="UTF-8"> 5 <title></title> 6 7 <style> 8 body{ background:#fff;} 9 div{ width:800px; hei
分类：
Web程序 时间：
2016-02-02 14:41:33
阅读次数：
243
关于线条的一些属性： lineCap，这个属性表示的是线条两端的样式，值有butt(默认)/round/square。 lineJoin,这个属性表示线条相交的方式，值有miter(默认)/bevel/round； miterLimit，该属性指定默认情况下lineJoin采用miter方式的极限值
分类：
Web程序 时间：
2016-02-01 18:07:25
阅读次数：
127
1 <!DOCTYPE html> 2 <html> 3 <head lang="en"> 4 <meta charset="UTF-8"> 5 <title>马赛克</title> 6 <style> 7 body{background:#000;} 8 canvas{background: #f
分类：
Web程序 时间：
2016-01-30 22:17:24
阅读次数：
212
1 <!DOCTYPE html> 2 <html> 3 <head lang="en"> 4 <meta charset="UTF-8"> 5 <title>倒影</title> 6 <style> 7 body{background:#000;} 8 canvas{background: #ff
分类：
Web程序 时间：
2016-01-30 22:14:35
阅读次数：
197
绘制图像： drawImage(oImg,x,y),oImg是一个Image对象，(x,y)为绘制起点，绘制的图像大小和源图大小一样。 drawImage(oImg,x,y,w,h),后两个参数设置绘制后的图形大小。 drawImage(oImg,x1,y1,w1,h1,x2,y2,w2,h2),该
分类：
Web程序 时间：
2016-01-28 18:40:15
阅读次数：
156
canvas绘制路径不仅可以绘制直线和多边形，还提供了绘制曲线的方法，利用这些方法可以画出多种曲线效果。方法1：arc(x,y,r,起始弧度,结束弧度,绘制方向);其中(x,y)为圆心坐标，r为半径，弧度计算公式：deg*Math.PI/180,绘制方向默认为false表示顺时针绘制 ，设置为tru...
分类：
Web程序 时间：
2016-01-27 12:38:46
阅读次数：
217
2014年到2016年 发生了很多事情,如今已成定局，现在想忘掉这些烦恼的事情，找点以前想干没有干的事情来做，塞满大脑就不去想了。之前，一直想做一款挂机类游戏,各种平台和开发语言都选择过了,从html5到C，C++，C#，unity3d各种小demo写了不少,最后还是选择了安卓平台来做....网上看...
分类：
移动开发 时间：
2016-01-22 08:10:26
阅读次数：
193
一、基本用法 1.要使用canvas元素，需要先给定其width和height来设置绘图区域的大小。canvas中间的文本会在浏览器不支持canvas的情况下显示出来。do not support.2.绘图上下文：要在canvas绘图，需要通过getContext方法来获取上下文。传入参数“2d”，...
分类：
其他好文 时间：
2016-01-20 13:11:53
阅读次数：
344
概述我们在用Android中的Canvas绘制各种面图形时，可以通过Paint.setShader(shader)方法为画笔Paint设置shader，这样就可以绘制出多彩的图形。那么Shader是什么呢？做过GPU绘图的同学应该都知道这个词汇，Shader就是着色器的意思。我们可以这样理解，Canvas中的各种drawXXX方法定义了图形的形状，画笔中的Shader则定义了图形的着色、外观，二者结...
分类：
移动开发 时间：
2016-01-15 01:13:38
阅读次数：
428
概述类android.graphics.PorterDuffXfermode继承自android.graphics.Xfermode。在用Android中的Canvas进行绘图时，可以通过使用PorterDuffXfermode将所绘制的图形的像素与Canvas中对应位置的像素按照一定规则进行混合，形成新的像素值，从而更新Canvas中最终的像素颜色值，这样会创建很多有趣的效果。当使用PorterD...
分类：
移动开发 时间：
2016-01-11 00:16:50
阅读次数：
211
