07 2016 档案

摘要:AxeSlide软件项目梳理 canvas绘图系列知识点整理 前言 在我的另一篇博文 Canvas坐标系转换 中,我们知道了所有的平移缩放旋转操作都会影响到画布坐标系。那在我们对画布进行了一系列操作之后,怎么再知道当前矩阵数据状态呢。 具体代码 首先请看下面的一段代码(下文具体解释代码作用): 1 阅读全文
posted @ 2016-07-08 15:37 方帅 阅读(6169) 评论(0) 推荐(3) 编辑
摘要:AxeSlide软件项目梳理 canvas绘图系列知识点整理 默认坐标系与当前坐标系 canvas中的坐标是从左上角开始的,x轴沿着水平方向(按像素)向右延伸,y轴沿垂直方向向下延伸。左上角坐标为x=0,y=0的点称作原点。在默认坐标系中,每一个点的坐标都是直接映射到一个CSS像素上。 但是如果图像 阅读全文
posted @ 2016-07-07 19:34 方帅 阅读(6310) 评论(0) 推荐(1) 编辑
摘要:AxeSlide软件项目梳理 canvas绘图系列知识点整理 画布操作介绍 画布绘图的环境通过translate(),scale(),rotate(), setTransform()和transform()来改变,它们会对画布的变换矩阵产生影响。 函数 方法 描述 translate dx,dx 转 阅读全文
posted @ 2016-07-06 16:45 方帅 阅读(32044) 评论(0) 推荐(6) 编辑
摘要:本文将引导你使用canvas和JavaScript创建一个简单的绘图程序。 创建canvas元素 首先准备容器Canvas元素,接下来所有的事情都会在JavaScript里面。 获取绘图环境 canvas元素本身没有任何外观,它就是一块空白画板,提供给JS的一套API,大部分的API都不在canva 阅读全文
posted @ 2016-07-05 18:08 方帅 阅读(7218) 评论(0) 推荐(1) 编辑

点击右上角即可分享
微信分享提示