requestAnimationFrame平时写动画时会用到,目的是为啦最大的优化动画的性能,作用跟settimeout差不多只不过这个函数是说明在浏览器下面渲染页面的时候要调用的函数，时间不可以设置，时间是跟跟浏览器渲染同步的varraf=window.requestAnimationFramewindow.webkitRequestAnimationFramewindow.mozRequestAnimationFramewindow.oRequestAnimationFramewindow.msRequestAnimationFramefunction(callback){window.s

CutyCapt-Win32-2010-04-26下载地址http://cutycapt.sourceforge.net/使用方法下载好后解压到一个目录,然后按shift+鼠标右键->此处打开cmd然后执行下面命令,当前文件夹会出现抓取网站的截图CutyCapt--url=http://www.www.zhaokeli.com/--out=localfile.png在php中的使用方法注意cutycapt.exe这个文件和php文件放同一个目录中$url='http://www.zhaokeli.com';$filename=date('ymdhis').'.png';$out=__DIR__

最近再做gif动态图,生成的格式为blob格式的,pc浏览器都可以正常运行,但是用到微信中却发现blob格式的图片分享发送不了,最后把blob格式转成base64格式后发送正常,下面是一个转换的函数blob图片格式转成base64图片格式,varblobToBase64=function(blob,callback){vara=newFileReader();a.onload=function(e){callback(e.target.result);}a.readAsDataURL(blob);};//使用方法,传入一个blob数据,在回调中接收处理成功的图片urlblobToBase64(

导航前言基本知识绘制矩形清除矩形区域圆弧路径绘制线段绘制贝塞尔曲线线性渐变径向渐变（发散）图形变形（平移、旋转、缩放）矩阵变换（图形变形的机制）图形组合给图形绘制阴影绘制图像（图片平铺、裁剪、像素处理[不只图像、包括其他绘制图形]）绘制文字保存和恢复状态（context）保存文件结合setInterval制作动画结语、demo下载前言是html5出现的新标签，像所有的dom对象一样它有自己本身的属性、方法和事件，其中就有绘图的方法，js能够调用它来进行绘图，最近在研读《html5与css3权威指南》下面对其中最好玩的canvas的学习做下读书笔记与实验。温馨提示：以下所有实验请使用最新版的op

使用h5的canvas提供的接口很容易实现一些动画,如果能把这些动画实现成gif动图就更好啦，还真有大神实现啦这个功能下面说明使用方法开源库地址https://github.com/jnordberg/gif.js首先引入需要的js文件gif.js在页面里自己创建一个canvas并且在它上面画一些动画js附件在后面下载然后就是gif的使用方法啦vargif=newGIF({workers:2,quality:10});//添加一个图片标签对象像素到当前帧gif.addFrame(imageElement);//或添加一个canvas对象的像素到当前帧gif.addFrame(document.

varcanvas=document.getElementById('huabu');canvas.width=400;canvas.height=400;varcxt=canvas.getContext('2d');cxt.fillStyle='#000';cxt.fillRect(0,0,canvas.width,canvas.height);//保存画布状态cxt.save();//重新定定原点cxt.translate(75,75);//旋转画布45度cxt.rotate(45*Math.PI/180);//画矩形cxt.fillStyle='#00ff00';cxt.fillRect