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

阿豹的文章

本人热爱web编程,现在从事移动和pc的网站前端以及后端的制作,以及android及ios产品的接口开发,目前正往html5,webapp方面发展,希望有共同爱好的朋友们,大家一起交流,共同进步.
html5

HTML5 FileReader的使用

本文来自file api FileReader对象用于读取文件,即把文件内容读入内存。它的参数是File对象或Blob对象。 检测浏览器对FileReader的支持 if(window.FileReader) { var fr = new FileReader(); // add your code here } e……继续阅读 »

5年前 (2015-02-27) 555浏览 0评论 0个赞

css3

css选择符

本文参考W3C HTML选择符 1.元素选择符 Properties属性 CSS Version版本 Inherit From Parent继承性 Description简介 * CSS2 无 CSS2 通配选择符(*),所有元素对象。 E CSS1 无 CSS1 类型选择符(E),以文档语言对象类型作为选择符。 E#myid CSS1 无……继续阅读 »

5年前 (2015-02-26) 565浏览 0评论 0个赞

html5

Canvas API——像素处理

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

5年前 (2015-02-26) 655浏览 0评论 0个赞

html5

Canvas API——save,restore

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

5年前 (2015-02-26) 466浏览 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……继续阅读 »

5年前 (2015-02-26) 422浏览 0评论 0个赞

html5

Canvas API——基础篇

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

5年前 (2015-02-25) 435浏览 0评论 0个赞

html5

移动端自适应横屏滚动插件——resizeSwiper

查看demo 下载resizeSwiper.js resizeSwiper使用css3 transform控制滑动,使用transition控制滑动时间,通过transitionend事件监听transform结束的事件。 初版的resizeSwiper功能比较简单,仅支持横向滚动,转屏时会自动刷新容器节点尺寸。 浏览器支持:IE9+, firefox, o……继续阅读 »

5年前 (2015-01-30) 685浏览 0评论 0个赞

css3

CSS3 HSL 和HSLA

使用CSS3 HSL声明同样是用来设置颜色的.这个和RGBA的效果是一样的。 查看兼容性 HSL声明使用色调Hue(H)、饱和度Saturation(s)和亮度Lightness(L)来设置颜色。 Hue衍生于色盘:0和360是红色,接近120的是绿色,240是蓝色。 Saturation值是一个百分比:0%是灰度,100%饱和度最高 Lightness值也……继续阅读 »

5年前 (2015-01-26) 758浏览 1评论 0个赞