请使用firefox,chrome等最新浏览器浏览本站。

标签:javascript

html5

Canvas API——像素处理

通过getImageData方法和putImageData方法,可以处理每个像素,进而操作图像内容。 var pixels= context.getImageData(0, 0, canvas.width, canvas.height); 灰度效果 灰度图(grayscale)就是取红、绿、蓝三个像素值的算术平均值,这实际上将图像转成了黑白形式。假定d[i]……继续阅读 »

阿豹 4年前 (2015-02-26) 310浏览 0评论 0个赞

html5

Canvas API——save,restore

save()和restore()方法是绘制复杂图形必不可少的方法.它们分别是用来保存和恢复 canvas 状态的,都没有参数。 Canvas 状态是以堆(stack)的方式保存的,每一次调用 save 方法,当前的状态就会被推入堆中保存起来。这种状态包括:当前应用的变形(即移动,旋转和缩放), strokeStyle, fillStyle, globalAl……继续阅读 »

阿豹 4年前 (2015-02-26) 260浏览 0评论 0个赞

html5

Canvas API——图像篇

drawImage方法 drawImage() 方法在画布上绘制图像、画布或视频。 在画布上定位图像: ctx.drawImage(img,x,y); 在画布上定位图像,并规定图像的宽度和高度: ctx.drawImage(img,x,y,width,height); 剪切图像,并在画布上定位被剪切的部分: ctx.drawImage(img,sx,sy,s……继续阅读 »

阿豹 4年前 (2015-02-26) 260浏览 0评论 0个赞

html5

Canvas API——基础篇

概述 Canvas API(画布)用于在网页实时生成图像,并且可以操作图像内容,基本上它是一个可以用JavaScript操作的位图(bitmap)。 使用前,首先需要新建一个canvas网页元素。 <canvas id="myCanvas" width="400" height="200"> 您的浏览器不支持canvas! </can……继续阅读 »

阿豹 4年前 (2015-02-25) 268浏览 0评论 0个赞

js+jquery

Jade模板引擎

Jade是受Haml的影响以JavaScript实现用于node的高性能模板引擎。 jade安装: jade基于node,先确保应经安装node, npm install jade -g//将jade安装到全局 jade使用: 新建index.jade文件。 jade index.jade//将jade编译成html jade index.jade -P//……继续阅读 »

阿豹 4年前 (2015-01-08) 317浏览 0评论 0个赞

js+jquery

Bower:客户端库管理工具

随着网页功能变得越来越复杂,同一张网页加载多个JavaScript函数库早已是家常便饭。开发者越来越需要一个工具,对浏览器端的各种库进行管理,比如搜索、自动安装\卸载、检查更新、确保依赖关系等等。Bower就是为了解决这个问题而诞生的针对浏览器端的库管理工具。 前提准备 安装power需要提前安装: 1.Node:下载最新版本的node.js 2.NPM:N……继续阅读 »

阿豹 4年前 (2015-01-05) 298浏览 0评论 0个赞