阅读目录 一、Canvas简介 二、Canvas画布参数与应用 阅读目录 一、Canvas简介 二、Canvas画布参数与应用 回到顶部 一、Canvas简介 Canvas画布是承载所有UI元素的区域。Canvas实际上是一个游戏对象上绑定了Canvas组件。所有的UI元素都必须是Canvas的自对 ...
分类:
编程语言 时间:
2017-04-17 12:46:37
阅读次数:
443
View:视图,每一个view都有一个用于绘图的画布,这个画布可以任意的扩展。在android中,任何一个view都需要重写onDraw()方法来实现。 Canvas:画布,利用Canvas可画出(点、直线、圆、椭圆、矩形、文字) Paint:画笔 代表了Canvas上的画笔,画刷、颜料等。 如果p ...
分类:
其他好文 时间:
2017-03-17 00:34:26
阅读次数:
138
基本结构 这两天开始学习Three.js,首先为其顺了一个基本的结构(首先需要引用three.js): 1、创建WebGL画布(与canvas画布是联系在一起的)、(即渲染); 2、创建场景; 3、创建照相机并添加至场景; 4、创建灯光并添加至场景(可选,当物体材质为需要光时,则必须添加); 5、创 ...
分类:
Web程序 时间:
2017-03-15 20:20:02
阅读次数:
294
http://sanwen.net/a/ithhtbo.html 由于UI都是Achor自己用PS做的,比较粗糙,大家见谅,不过丝毫不影响功能的实现,下面我们看看今天的笔记: 首先我们看看需要哪些组件: 1.在Canvas画布下新建一个GameObject,改名为Mask,顾名思义,该组件实现遮罩功 ...
分类:
其他好文 时间:
2017-03-12 23:39:27
阅读次数:
756
<canvas></canvas> 标签定义图形,比如图表和其他图像;它只是图形容器,您必须使用脚本来绘制图形。 所以使用canvas,主要是写很多javaScript来实现它的功能. 使用canvas,首先要定义canvas画布在body里面的范围: 在这里width是画布的宽,height是画布 ...
分类:
其他好文 时间:
2017-02-21 21:39:03
阅读次数:
199
首先看一下源图和转换成粒子效果的对比图: 左侧图片为源图,右侧图片为粒子效果图。该效果是在Canvas画布上制作的。将图片制作成粒子效果相对而言是比较简单的。重点了解两个知识点即可 1:图片是通过image对象形式绘制在画布上的,然后使用Canvas的getImageData接口,获取图像的像素信息 ...
分类:
编程语言 时间:
2017-02-12 17:28:21
阅读次数:
195
Canvas:画布面板 画布,用于完全控制每个元素的精确位置。他是布局控件中最为简单的一种,直接将元素放到指定位置,主要来布置图面。使用Canvas,必须指定一个子元素的位置(相对于画布),否则所有元素都将出现在画布的左上角。调整位置用Left、Right、Top和Bottom四个附加属性。如果Ca ...
分类:
Windows程序 时间:
2017-01-13 00:24:47
阅读次数:
2557
3、绘制三角形 参数说明: ctx: canvas画布 conf: 配置项,提供以下一些配置 x: 中心点横坐标 y: 中心点纵坐标 num: 多边形的边数 r:多边形的半径长度 width:多边形线的宽度 strokeStyle:边线的颜色 fillStyle:填充的颜色 绘制一个六边形,边框为蓝 ...
分类:
其他好文 时间:
2016-12-29 10:56:15
阅读次数:
142