关闭

啊哈:HTML5自由者博客搬家说明

网站地址: http://www.binjs.com/...
阅读(1003) 评论(0)

Canvas——滑杆操控图片放大缩小

您的浏览器尚不支持canvas var canvas = document.getElementById("canvas") var context = canvas.getContext("2d") var slider = document.getElementById("scale-range") ...
阅读(3230) 评论(0)

离屏Canvas——制作水印图片

您的浏览器尚不支持canvas 您的浏览器尚不支持canvas var canvas = document.getElementById("canvas") var context = canvas.getContext("2d") var slider = document.ge...
阅读(2065) 评论(0)

离屏Canvas——制作放大镜效果

您的浏览器尚不支持canvas var canvas = document.getElementById("canvas") var context = canvas.getContext("2d") var offCanvas = document.getElementById("offCanvas")...
阅读(2994) 评论(0)

Lufylenged引擎学习——LGraphics

(一)在一个LSprite上画一张图,new另一个Sprite进行图片的mask效果 ,效果如下: loading... var loader; init(50,"mylegend",500,350,main); function main(){ loader = new LLoader(); loader.addEventListener(L...
阅读(1073) 评论(0)

纯CSS3实现滑动开关效果

实现效果如下: HTML结构代码:       CSS代码: /*表单开关样式*/ .ui-switch {     position: absolute;     font-size: .16rem;     right:0.07rem;     top: 50%;   ...
阅读(4668) 评论(4)

Lufylenged引擎学习——LSprite

LSprite: 创建一个新的 LSprite 实例。 LSprite 类是基本显示列表构造块:一个可显示图形并且也可包含子项的显示列表节点。 var loader; init(50,"mylegend",500,350,main); function main(){ loader = new LLoader(); loader.ad...
阅读(1276) 评论(0)

px值转rem值的Sublime Text 3自动完成插件

一个CSS的px值转rem值的Sublime Text 3自动完成插件。 插件效果如下: 安装  克隆项目   https://github.com/hyb628/cssrem.git进入packages目录:Sublime Text -> Preferences -> Browse Packages...复制下载的cssrem目录到刚才的packges目录里。重启S...
阅读(5748) 评论(0)

Lufylenged引擎学习——LTextField

【 LTextField 】创建新的 LTextField 实例。在创建 LTextField 实例后,调用父 LSprite 对象的 addChild() 或 addChildAt() 方法可将 LTextField 实例添加到显示列表中。 LTextField 类的方法允许您设置、选择并操作在创作过程中或运行时创建的动态或输入文本字段中的文本。 (一)利用LTextField...
阅读(803) 评论(0)

Lufylenged引擎学习——LLoader、LBitmap

FPS(Frames Per Second):每秒传输帧数。 【代码练习】 LLoader类可用于加载图像(JPG、PNG或GIF)文件。使用load()方法来启动加载。 LLoader.load('URl','bitmapData'); LEvent COMPLETE  图片加载完成事件 l...
阅读(946) 评论(0)

使用Fiddler对手机应用进行抓包测试

手机应用的抓包测试相对于PC上要麻烦一些。以下内容来自公司QA的指导,感谢~ 需要的软件: 抓包工具FiddlerWIFI共享工具:猎豹免费WIFI (使用360WIFI等均可,只要保证在同一局域网下就都可以,连接同一个路由器也可以) 现在开始真实的抓包: 1、启动Fiddler,打开菜单栏中的 Tools > Fiddler Options 2、打开Fiddler Opti...
阅读(1316) 评论(0)

HTTP调试工具推荐:Fiddler

Fiddler是一个web调试代理。它能够记录所有客户端和服务器间的http请求,允许你监视,设置断点,甚至修改输入输出数据,fiddler包含了一个强大的基于事件脚本的子系统,并且能够使用.net框架语言扩展。 Fiddler的工作原理 Fiddler 作为系统代理,当启用Fiddler 时,IE 的PROXY 设定会变成127.0.0.1:8888。所有的来自互联网服务的HTTP ...
阅读(1113) 评论(0)

HTML5游戏引擎lufylegend深入浅出 - 引擎介绍&原理

又很久没有更新博客了,在这段时间里发生的事还蛮多的,回想起来才发现时间过得好快啊。至于博客嘛,天天都会关注,一来想看看大家是否写了一些评论,二来想看看大神们(如lufy,浅墨,雾央,Himi等)有没有写新的文章。不过最近没有什么新“发明”,所以就没什么好写的了~Ok,进入正题。 一,说在前面的话 最近有的朋友说他们很喜欢原生的javascript的代码,不喜欢看用引擎封装后...
阅读(1078) 评论(0)

HTML5的画布:Paths

HTML5的画布路径是一系列的点与点之间的绘图指令。例如,一系列的点用线在它们之间,或者与它们之间的电弧。 路径用来绘制多种类型的形状(线,圆,多边形等)的HTML5画布上的,所以要理解这个核心概念是很重要的。 开始和关闭路径 路径开始和结束时使用的2D上下文函数调用beginPath()和closePath() ,就像这样: var canvas = document.getEle...
阅读(766) 评论(0)

HTML5画布: clearRect()

clearRect()是用来清除画布的一个矩形。 var canvas = document.getElementById("ex1"); var context = canvas.getContext("2d"); context.fillStyle = "#ff0000"; context.fillRect(10,10, 100,100); context.strokeStyle...
阅读(1024) 评论(0)

HTML5的画布:Stroke(笔触)和Fill(填充)

每当一个HTML5画布上绘制形状,有两个属性,你需要设置: 1、Stroke 2、Fill 笔触和填充决定的形状如何绘制。Stroke(笔触)是一个形状的轮廓。Fill(填充)是在形状内部的内容。 下面这图是绘制了一个蓝色外轮廓和绿色填充的矩形(实际上是两个矩形): 下面试实现的代码: // 1. wait for the page to be fully loaded...
阅读(1992) 评论(0)

HTML5画布概述

本文提供了HTML5的画布基本用法的概述。概述被分成两部分: 声明一个HTML5 canvas元素。绘图画布元素的图形。 声明canvas元素 首先,让我们来看看如何在一个HTML页面声明canvas元素: 不支持HTML5画布...
阅读(1168) 评论(0)

前端:将网站打造成单页面应用SPA

前言不知你有没有发现,像Github、百度、微博等这些大站,已经不再使用普通的a标签做跳转了。他们大多使用Ajax请求替代了a标签的默认跳转,然后使用HTML5的新API修改了Url,你可以在F12的Network面板里发现这个秘密。 这项技术并没有特别标准的学名,大家都称呼为Pjax,意为PushState + Ajax。这并不完全准确,因为还有Hash + Ajax等方法,但为了方便,我们下文...
阅读(1693) 评论(0)

手机淘宝的flexible设计与实现

看到小黑的文章 关于webapp中的文字单位的一些捣腾 感觉很赞。尤其是,他提到了手机淘宝的meta,所以觉得要讲讲我们这方面的一些实践。 手机淘宝从2014年中开始,全面推行flexible设计。什么叫flexible呢?其实flexible就是responsive的低端形态和基础。对我们来说,最直观的感受就是,在超宽屏幕上,网页显示不会两边留白。以前pc时代大家经常讲的流体布局,其实就是...
阅读(1155) 评论(0)

SVG画圆形进度条

HTML5自由者 SVG画圆形进度条 #svgForStroke { position: absolute; top: 0; left: 0; width: 200px; height: 200px; stroke-d...
阅读(3739) 评论(0)
114条 共6页1 2 3 4 5 ... 下一页 尾页