[置顶] HTML 5进阶篇：HTML5 canvas核心技术 试读
摘要：
http://wenku.it168.com/d_001003687.shtml木其工作室，程序代写 http://www.codeforu.net 阅读全文
posted @ 2014-08-10 08:58 html5实验室 阅读(473) 评论(0) 推荐(0) 编辑
html5 canvas 渐变
摘要：
canvas loading...渐变是指在颜色集上使用逐步抽样算法，并将结果应用于描边样式和填充样式中。使用渐变需要三个步骤：(1) 创建渐变对象；(2) 为渐变对象设置颜色，指明过渡方式；(3) 在context上为填充样式或者描边样式设置渐变。可以将渐变看做是颜色沿着一条线进行缓慢地变化。例如，如果为渐变对象提供了A、B两个点，不论是绘制还是填充，只要从A移动到B，都会带来颜色的变化。要设置显示哪种颜色，在渐变对象上使用addColorStop函数即可。这个函数允许指定两个参数：颜色和偏移量。颜色参数是指开发人员希望在偏移位置描边或填充时所使用的颜色。偏移量是一个0.0到1.0之间的数值 阅读全文
posted @ 2012-03-01 16:06 html5实验室 阅读(3368) 评论(0) 推荐(0) 编辑
html5在canvas中插入图片
摘要：
canvas loading...在canvas中显示图片非常简单。可以通过修正层为图片添加印章、拉伸图片或者修改图片等，并且图片通常会成为canvas上的焦点。用HTML5 Canvas API内置的几个简单命令可以轻松地为canvas添加图片内容。不过，图片增加了canvas操作的复杂度：必须等到图片完全加载后才能对其进行操作。浏览器通常会在页面脚本执行的同时异步加载图片。如果试图在图片未完全加载之前就将其呈现到canvas上，那么canvas将不会显示任何图片。因此，开发人员要特别注意，在呈现之前，应确保图片已经加载完毕。为保证在呈现之前图片已完全加载，我们提供了回调，即仅当图像加载完成 阅读全文
posted @ 2012-03-01 14:57 html5实验室 阅读(77853) 评论(1) 推荐(1) 编辑
html5 canvas 画直线
摘要：
canvas loading...成功了!虽然从这条简单的线段怎么也想象不到最新最美的图画，不过与以前的拉伸图像、怪异的CSS和DOM对象以及其他怪异的实现形式相比，使用基本的HTML技术在任意两点间绘制一条线段已经是非常大的进步了。从现在开始，就把那些怪异的做法永远忘掉吧。 从上面的代码清单中可以看出，canvas中所有的操作都是通过上下文对象来完成的。在以后的canvas编程中也一样，因为所有涉及视觉输出效果的功能都只能通过上下文对象而不是画布对象来使用。这种设计使canvas拥有了良好的可扩展性，基于从其中抽象出的上下文类型，canvas将来可以支持多种绘制模型。虽然本章经常提到对can 阅读全文
posted @ 2012-02-29 20:49 html5实验室 阅读(5847) 评论(0) 推荐(0) 编辑
