无心的专栏

对于代码有洁癖的人,才能写出更好的代码。

排序:
默认
按更新时间
按访问量

一个在浏览器运行的华容道、"移十五"之类的滑块游戏自动求解与演示的GWT源码

先科普一下GWT的概念。 GWT: Google Web Toolkit的缩写,有了 GWT可以使用 Java 编程语言编写 AJAX 前端,然后 GWT 会交叉编译到优化的JavaScript 中,而 JavaScript 可以自动在所有主要浏览器上运行。 (可以简单理解为用Java来写程序...

2012-09-12 06:14:51

阅读数:3231

评论数:4

发现一个Javascript+Canvas实现的照片人脸识别

测试: http://liuliu.me/detect/detect.html  (该网址已失效,请自行下载源码测试) 源码:https://github.com/liuliu/ccv/tree/unstable/js 浏览器要求:支持Canvas的浏览器都可以。IE是一个杯具,据说IE9已经...

2010-11-09 13:31:00

阅读数:4997

评论数:2

SVG路径(path)中的圆弧(A)指令的语法说明及计算逻辑

SVG中的路径数据,即path元素的 d 属性,有一系列的路径绘制指令,其中椭圆弧指令(A)最复杂,不算椭圆弧起始点的x,y坐标的话,依然有 7 个参数。SVG椭圆弧指令的参数,与Canvas等圆弧指令的参数有很大差别,Canvas中使用圆心、半径、起始角度、结束角度等为参数,而SVG使用起始点坐...

2018-03-23 11:06:40

阅读数:1730

评论数:0

[SVG] 根据SVG椭圆弧路径参数计算中心点坐标、起始角度、结束角度的Javascript函数

SVG spec 1.2以及之前的版本标准中,都只有一种绘制椭圆弧的方式,即以起点、终点、长半轴、短半轴、大小弧标记、顺逆时针方向标记、倾角为参数来确定一段弧。这个方法很强大并灵活,可绘制任意的椭圆弧。有时候我们需要计算圆弧的圆心和起始角度、结束角度,虽然标准官方文档给出了计算公式的描述,但是没有...

2012-09-08 16:12:24

阅读数:4071

评论数:2

DataURL与File,Blob,canvas对象之间的互相转换的Javascript

canvas转换为dataURL (从canvas获取dataURL) var dataurl = canvas.toDataURL('image/png'); var dataurl2 = canvas.toDataURL('image/jpeg', 0.8); File对象转换为d...

2015-05-27 01:14:54

阅读数:76902

评论数:11

30多行js代码写一个M*N拼图游戏

刚写过一篇《20多行js代码写一个最简单的3x3拼图游戏》,受zswang的启发下改进了代码,现在做了一个任意M行N列(M,N大于等于2)的拼图,js代码30多行。 玩法:方向键,不用解释了。 保证拼图有解的方法主要有2种: 1.从结局开始移动若干次,浅显易懂,但是空格不在末尾了,如果要把空格移回...

2011-12-20 21:01:52

阅读数:4566

评论数:0

20多行js代码写一个最简单的3x3拼图游戏

20多行js代码写一个最简单的3x3拼图游戏(移动数字排序),关键代码的也就十多行。 玩法:方向键。胜负:排列出12345678_就算胜利了!兼容各浏览器,使用了“逆序和”判定,来保证一定有解,所以不会出现无解的情况。

2011-12-19 15:49:54

阅读数:8226

评论数:14

QQ轻聊版、TIM版无法修改个人文件夹位置的解决方法

QQ轻聊版、TIM版均有这个BUG:如果电脑上之前没有安装过QQ完整版(比如我新装的虚拟机),那么QQ轻聊版、TIM版里面,设置修改个人文件夹位置将无法生效。在QQ轻聊版、TIM版设置界面修改个人文件夹位置后,会提示转移数据文件,之后会重启轻聊版/TIM,但重启后的登录界面上没有之前登录过的QQ号...

2017-05-11 11:21:46

阅读数:16702

评论数:0

深入理解跨站点 WebSocket 劫持漏洞的原理及防范

WebSocket 作为 HTML5 的新特性之一格外吸引着开发人员的注意,因为它的出现使得客户端(主要指浏览器)提供对 Socket 的支持成为可能,从而在客户端和服务器之间提供了一个基于单 TCP 连接的双向通道。该技术被广泛应用到了实时性要求比较高的各类应用,譬如在线证券、在线游戏,以及不同...

2017-04-11 10:54:50

阅读数:2967

评论数:0

mhtml5.com举办的HTML5游戏大赛入围作品名单

我在HTML5游戏大赛的网站上并没有找到任何评比结果的页面,还是经朋友提醒从HTML5研究小组微博里面查出来的,可费劲了。 暂时还没有排名,微博上只是说入围。我抄下这个名单,给上截图和链接。 《拯救PAPA》 《开心鬼大作战》 《兔子的旅行》 《射击游戏》 《3D炸弹...

2011-12-27 21:18:59

阅读数:1575

评论数:0

SVG中以任意直线为对称轴的镜像变换及其矩阵

直线一般方程为 A x + B y + C = 0 则以该直线为对称轴,做镜像变换的矩阵为: 任意点P(x,y)变换后的新坐标Q(x',y')的坐标为: SVG中的直线通常是以坐标轴形式或者是两点形式表示的。 如果是以两点线段形式表示的,需要先求出直线方程的系数。 两点(x1,y1),...

2013-09-23 16:06:39

阅读数:5202

评论数:0

HTML5 Canvas 绘制椭圆与椭圆弧的实现

由于HTML Canvas 2D Context标准中并没有直接绘制椭圆与椭圆弧的方法,所以浏览器普遍没有这个方法,不过,Chrome支持ellipse方法。IE11,Edge, Firefox, Safari目前最新版都还不支持。所以,我们需要用JS来实现这个方法,给Context2D加上一个e...

2016-06-01 19:00:33

阅读数:7010

评论数:0

用Javascript清空(重置)文件类型的INPUT元素的值

因为安全限制,脚本不能随意设置文件域< input type=file >的value值,重置一个文件域的值,归纳起来主要有 3 种方法。本文分析这三种方法的浏览器兼容性以及优缺点,并给出一个比较完美的综合方案的代码和Demo。

2014-07-08 08:47:27

阅读数:28287

评论数:5

从注册表清理 IE10,IE11 用户代理字符串(UserAgent)中的垃圾信息

某一天,我发现我的 IE User Agent 字符串里面竟然含有刷机大师、百度浏览器等许多垃圾,国货流氓见怪不怪了。 微软自家的.NET CLR也占据了一大片,看着也不爽。 决定清理一下,但是却没找到直接设置的地方。 根据经验,只能自己从注册表寻找了,很快就找到了,分享给有强迫症的人……

2015-08-05 11:15:42

阅读数:6947

评论数:0

在Windows命令行窗口中输入并运行PHP代码片段(不需要php文件)的方法

有时候只是简单的为了测试某个php函数的效果,以前总是需要建一个php文件,复制这个文件的路径,再通过web访问或者用php命令执行这个php文件。 一直想要怎么才能不用创建文件,才能直接执行PHP代码片段呢?终于找到了方法,现在分享出来,给有需要的人。

2015-08-03 16:56:13

阅读数:9462

评论数:1

5款好用的开源JS图片裁剪插件(3个jQuery插件,2个AngularJS插件)

Jcrop是人气最高的图片裁剪jQuery插件,stars数量2k+,功能非常丰富,文档齐全,首选。Github.com官网也使用了这个插件。有一个小细节是,边框线的蚂蚁线是动画的,真的很用心。Cropper也是一款图片裁剪jQuery插件……

2015-05-25 09:50:04

阅读数:73917

评论数:3

获取当前Javascript脚本文件的路径

获取当前Javascript脚本文件的路径获取当前Javascript脚本文件的路径,在特定场景下可能需要,比如写模块加载器,或者进行日志记录。并没有统一的方法适用于所有浏览器,本文分几种情况进行说明。

2015-05-22 14:49:49

阅读数:8762

评论数:0

Javascript TypedArray 解惑:Uint8Array 与 Uint8ClampedArray 的区别

JS的类型数组,从其构造函数名称,基本上都可以望文生义,看名字就知道怎么回事。 但是有一个例外 Uint8ClampedArray ,它与 Uint8Array 颇为相似,但又有所区别。 本文详细介绍这两者之间的差异,并举例说明。

2014-12-30 20:32:48

阅读数:18271

评论数:0

HTML5游戏验证码,让验证码美好一点

以前我写过一篇《HTML5迷你游戏作验证码》

2014-10-13 13:30:18

阅读数:7440

评论数:0

为Web服务器配置svgz文件需要的http头,让浏览器可以打开svgz文件

本文介绍了让浏览器能正常显示svgz文件应该怎样进行配置,并给出了Apache httpd服务器上的几种配置方式的示例,以及PHP程序动态输出svgz的例子。

2014-11-03 09:59:18

阅读数:6371

评论数:0

提示
确定要删除当前文章?
取消 删除
关闭
关闭