1.首先绘制canvas图片 这里canvas绘图就不是本文章讲解的内容，我们简单的在画布上写两个字： 效果如下 2.将图片转成二进制利用formdata上传 ...
分类：
Web程序 时间：
2018-01-05 18:27:22
阅读次数：
278
1 绘制五角星 2 绘制半圆 3 渐变文字 4 图文混排 ...
分类：
其他好文 时间：
2017-12-30 21:27:10
阅读次数：
144
要在这块布上绘图，需要取得绘图上下文，而取得绘图上下文对象的引用，需要调用getContext()方法并传入上下文的名字，传入“2d”,就可以取得2d上下文对象 用toDataURI方法可以导出canvas元素绘制的图像 fillStyle是填充，strokeStyle'是描边，fillRect是绘 ...
分类：
其他好文 时间：
2017-12-13 20:38:38
阅读次数：
156
Canvas的概述 定义 ``是H5新增的标签 canvas提供给了 javascript 绘图接口 canvas绘图建立在坐标系上 应用领域 炫酷特效、banner 可视化数据（图表） 游戏 大型应用（地图） 在线系统 （在线PS ） canvas标签 属性 width 属性 height 方法 ...
分类：
其他好文 时间：
2017-11-22 00:01:06
阅读次数：
214
一、canvas的概述 1、定义 ``是H5新增的标签 canvas提供给了JavaScript绘图接口 canvas绘图建立在坐标系上 2、应用领域 炫酷特效 可视化数据（图表） 游戏 大型应用（地图） 在线系统（在线ps） 3、canvas标签 属性width 属性height 方法getCon ...
分类：
其他好文 时间：
2017-11-16 20:52:22
阅读次数：
107
一、引言 在学习Canvas绘图技术时，做的是随机验证码的例子，在学习SVG绘图技术时，同样也有一个随机绘制的例子——动态随机绘制圆形。这个练习，即综合了多种SVG技术的知识点，又很具有艺术感，随机生成的任意一张图片都具有艺术之美。 二、要求 在SVG画布上随机的绘制30个实心圆形，大小随机、位置随 ...
分类：
其他好文 时间：
2017-10-03 15:54:07
阅读次数：
185
一、引言 本文主要是canvas绘图中绘制图像的部分，做了几个练习，综合起来，复习canvas绘图以及定时器的使用。 二、canvas绘制小飞机在指定位置 实现效果： 三、canvas绘制小飞机左右自动移动 四、canvas绘制随鼠标移动的小飞机 ...
分类：
其他好文 时间：
2017-10-01 21:59:01
阅读次数：
220
前言：本文是自己在学习课程中的课程笔记，这里用来温故知新的，并非本人原创。 一、HTML5新特性 —— 十个新特性：凌乱 (1)新的语义标签 (2)增强型表单(表单2.0) (3)音频和视频 (4)Canvas绘图 (5)SVG绘图 (6)地理定位 (7)拖放API (8)Web Worker (9 ...
分类：
Web程序 时间：
2017-10-01 18:37:29
阅读次数：
292
路径在canvas绘图中，经常被用到，是一个非常重要的概念. 比如：我们要在canvas画出3条直线，要求用不同的颜色加以区分. 在画每一条线之前，我都用storeStyle设置了线的颜色，但是，出来的结果却是3条黄色的线，并不是红、橙、黄三条颜色不同的线。为什么呢？ 首先我们要搞清楚canvas渲 ...
分类：
Web程序 时间：
2017-09-25 22:09:05
阅读次数：
397
最近搞Canvas绘图，知道了JavaScript中提供了atan2(y,x)这样一个三角函数。乍眼一看，不认识，毕竟在高中时，学过的三角函数有：sin,cos,arcsin,arccos,tan,arctan等，并没有这个。而工作中又需要用到它，所以这里就做了个简单的了解。 何时需要用到 atan ...
分类：
编程语言 时间：
2017-09-13 21:21:02
阅读次数：
163
