随笔分类 -  HTML5-Canvas

摘要：canvas.toDataURL(type, args)该方法能够将canvas转换为图像，图像是基于Base64编码的。如果不指定两个参数，无参数调用该方法，转换的图像格式为png格式 •type:指定要转换的图像格式，如 image/png、image/jpeg等。•args:可选参数。例如，如 阅读全文

摘要：很多情况下用户上传的图片都需要经过裁剪，比如头像啊什么的。但以前实现这类需求都很复杂，往往需要先把图片上传到服务器，然后返回给用户，让用户确定裁剪坐标，发送给服务器，服务器裁剪完再返回给用户，来回需要 5 步。步骤繁琐不说，当很多用户上传图片的时候也很影响服务器性能。 HTML5 的出现让我们可以更 阅读全文

摘要：DOM是Web前端领域非常重要的组成部分，不仅在处理HTML元素时会用到DOM，图形编程也同样会用到。比如SVG绘图，各种图形都是以DOM节点的形式插入到页面中，这就意味着可以使用DOM方法对图形进行操作。比如有一个<path id="p1">元素，可以直接用jquery增加click事件$('#p 阅读全文

摘要：canvas canvas 其实对于HTML来说很简单，只是一个标签元素而已，自己并没有行为，但却把一个绘图 API 展现给客户端 JavaScript 以使脚本能够把想绘制的东西都绘制到一块画布上，拥有绘制路径，矩形，圆，字符以及图像等功能。 所有的标签只是图形的容器，必须使用JavaScript 阅读全文

摘要：动画 动画 利用JavaScript，可以在canvas元素上很容易地产生动画效果。 var posX = 20, posY = 100; setInterval(function() { context.fillStyle = "black"; context.fillRect(0,0,canva 阅读全文

摘要：转自：http://javascript.ruanyifeng.com/htmlapi/canvas.html 概述 概述 Canvas API（画布）用于在网页实时生成图像，并且可以操作图像内容，基本上它是一个可以用JavaScript操作的位图（bitmap）。 使用前，首先需要新建一个canv 阅读全文

摘要：http://javascript.ruanyifeng.com/htmlapi/canvas.html#toc0 视频教程 妙味课堂1 http://www.html5cn.org/article-3774-1.html 妙味课堂2 http://v.youku.com/v_show/id_XNT 阅读全文