之前的一个微信项目已经要结项了，最近整理一下项目中使用较多的canvas画图方面的知识吧，打算写个3,4篇的样子。本篇主要介绍基础操作和弧线画法。之后再写一下趋势图，直方图，文本图像处理的。言归正传，canvas元素本身是一个容器元素，提供一块画布，用脚本来实现想要画什么。为了演示使用，我们新增一....
分类：
Web程序 时间：
2014-12-22 02:04:11
阅读次数：
397
一、SurfaceView的介绍在前面我们已经会自定义View，使用canvas绘图，但是View的绘图机制存在一些缺陷。1、View缺乏双缓冲机制。2、程序必须重绘整个View上显示的图片，比较耗资源。3、非UI线程无法更新View组件，所以会占用主线程资源，当需要在主线程中处理逻辑的时候会很慢。在Android中为我们提供了一个SurfaceView来替代View实现绘制图形，一般在游戏绘图方...
分类：
移动开发 时间：
2014-12-21 23:41:49
阅读次数：
464
上一篇文章我讲了画矩形和圆形的方法，他们都有原生的canvas绘图函数可完成。而本文讲的圆角矩形则只有通过其他方法模拟出来。一个正常的圆角矩形，我们先假设他四个角的圆角弧度一致——因为这样比较好画。我们动用把面拆成线条的能力，很容易就能发现圆角矩形其实是由4条钩子般的曲线组成。提到钩子，如果你看过我...
分类：
Web程序 时间：
2014-12-08 17:18:42
阅读次数：
210
第一次写canvas相关的脚本，点击页面可以产生新的扩散点，并整体颜色变换，可以根据输入数字变换粒子大小， 预览地址：[http://runjs.cn/code/58mct5yo][1] ![lizi][2] /* *@author-fanqie dc2002007@163.com */...
分类：
其他好文 时间：
2014-12-05 17:39:00
阅读次数：
253
第一章 移动互联网时代的Web技术HTML5+CSS3+JavaScript的移动应用将会是未来的趋势。HTML5优势：1.Canvas绘图；2.多媒体；3.本地存储；4.离线应用；5.使用地理位置；6.有移动Web应用框架。第二章 移动设备HTML5页面布局HTML5新语义元素：1.header头...
分类：
移动开发 时间：
2014-11-25 18:30:09
阅读次数：
151
canvas绘图后保存图片，分两种情况，一种：自己new一个canvas对象。 第二种：在onDraw函数作为参数引入Canvas第一种情况：第二种情况： 重点就是setDrawingCacheEnabled(true); 和getDrawingCache()这两个函数 public...
分类：
移动开发 时间：
2014-11-19 12:21:21
阅读次数：
237
html5之canvas绘图 1.写字板功能...
分类：
Web程序 时间：
2014-10-28 10:24:04
阅读次数：
549
使用Canvas绘图元素负责在页面中设定一个区域，然后通过javascript动态地在这个区域绘制图形。IE9+、Safari 2+、Firefox 1.5+、Opera 9+、Chrome都某种程度上支持。（一）基本用法使用元素必须先设置其width和height属性，出现在开始和结束标签的内容是...
分类：
编程语言 时间：
2014-10-20 22:33:54
阅读次数：
236
转：http://www.cnblogs.com/plokmju/p/android_canvas.html前言 除了使用已有的图片之外，Android应用常常需要在运行时根据场景动态生成2D图片，比如手机游戏，这就需要借助于Android2D绘图的支持。本篇博客主要讲解一下Android下使用C....
分类：
移动开发 时间：
2014-10-18 12:32:43
阅读次数：
294
有端友问我是否有文档，有确实有，但没有中文的，只有英文的，先提供浏览地址供大家参考学习createJs英文文档。 EaselJS其实主要就是createJs组件中控制canvas绘图的，那么就会涉及密切相关的绘图操作，绘图操作利用Graphics类实现，我们来仔细的研究研究Grap...
分类：
Web程序 时间：
2014-10-15 09:45:50
阅读次数：
284
