什么是 Canvas？ HTML5 的 canvas 元素使用 JavaScript 在网页上绘制图像。 画布是一个矩形区域，您可以控制其每一像素。 canvas 拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法。 * 添加 canvas 元素。规定元素的 id、宽度和高度： * canvas ...
分类：
Web程序 时间：
2016-06-14 21:00:37
阅读次数：
294
背景： 本人的一个移动端H5项目，需求如下: 手机相册选取或拍摄照片后在页面上预览 然后绘制在canvas画布上。 这里，我们先看一个demo（http://jsfiddle.net/q3011893/83qfqpk8/embedded/） 操作步骤： 1、点击选择文件，拍摄一张照片，此时"预览：" ...
分类：
移动开发 时间：
2016-06-11 23:02:45
阅读次数：
7741
以前用canvas画图时，都是直接在canvas标签里直接写上宽高，没有问题，但也没有探究过为什么宽高要直接写在canvas标签里，因为各个资料的例子上都是这么写的。今天王sir提出了一个问题：如果把宽高写在<style>里，看看会有什么不同。自己试了以下，果然有问题。 先看一下代码： <!DOCT ...
分类：
其他好文 时间：
2016-05-19 19:12:12
阅读次数：
176
Paint,Color,CanvasPaint:画笔对象，画图用的“笔”
Color:颜色，相当于调料
Canvas:画布，现实中的纸板Paint 画笔常用的方法就是设置和获取到画笔的样式：paint.setStyle(); 设置画笔的风格，空心的或者是实心的
paint.setColor(); 设置画笔的颜色
paint.setStrokeWidth(); 设置边框线的宽度
paint...
分类：
移动开发 时间：
2016-05-12 23:12:39
阅读次数：
259
绘画主要是使用paint(画笔)在canvas(画布)进行各种图形的绘制，画矩形、圆、三角形等点线构成的2维图形...
分类：
移动开发 时间：
2016-05-12 14:20:14
阅读次数：
224
前言：猛然知道姥姥79了，我好怕，好想哭在给大家讲解了paint的几个方法之后，我觉得有必要插一篇有关Canvas画布的知识,在开始paint之前，我们讲解了canvas绘图的几篇文章和cavas的save()、store()的知识，这篇是对Canvas的一个系统的补充，前几篇文章链接如下：《自定义控件之绘图篇（一）：概述及基本几何图形绘制》《 自定义控件之绘图篇（二）：路径及文字》《自定义控件之...
分类：
其他好文 时间：
2016-05-06 15:28:46
阅读次数：
229
一、绘制基本图形 在每次用canvas画布时，都有几步是“套路” 1.在HTML中创建Canvas画布： 2.获取画布标签，并得到一个2D对象： 1、绘制线条： 通过ctx.lineCap="butt"可以设置线条的形状。有三个可取值：butt、round、square。 2、绘制空心矩形： 3、绘 ...
分类：
Web程序 时间：
2016-05-02 02:05:58
阅读次数：
179
canvas （画布）1、默认尺寸300*1502、getcontext（“2d”）获取笔 >var ctx = myEle.getContext("2d");3、rect(x， y， 宽， 高，) >ctx.rect(250, 200, 300,300); ctx.shadowBlur=100; ...
分类：
其他好文 时间：
2016-04-27 22:41:30
阅读次数：
213
canvas的宽度和高度不能用百分比，不然会出现图片模糊扭曲的现象。 canvas提供了三种方法绘制矩形： 上面提供的方法之中每一个都包含了相同的参数。x与y指定了在canvas画布上所绘制的矩形的左上角（相对于原点）的坐标。width和height设置矩形的尺寸。 绘制路径 图形的基本元素是路径。 ...
分类：
其他好文 时间：
2016-04-21 18:34:58
阅读次数：
169
使用HTML5的canvas画布功能，在页面进行绘画，然后通过SignalR将画布的每个点的颜色提交到服务端，服务端同时将这些画布的信息推送到其他客户端，实现共享同一个画板的功能 类似下图，在某一个浏览器进行绘画，其他浏览器同步显示内容，并且页面刷新或者首次加载还能显示之前的绘画内容（站点不重启的情 ...
分类：
其他好文 时间：
2016-04-21 18:03:36
阅读次数：
274
