oldj's blog

编程,写作,以及涂鸦

关于热区图的色盘

2011-05-14
如果我们有了一个点击分布的数据,比如下图,现在要绘制对应的热区图。在确定了映射规则(比如将每个点击映射为一个圆形,圆心最热,热度向外递减)之后,剩下的问题就是对于每一个热度,我们应该给它配什么颜色。 ...阅读全文

HSL转换为RGB色彩

2011-05-13
之前关于网页点击热区图的文章中曾提到用 HSL 色彩来表示由冷到热的变化更为方便。不过,有时我们还是需要使用 RGB 或 RGBA 色彩表示方法,比如在做一些象素级的操作时,这时,就需要将色彩由 HS...阅读全文

使用Python在内存中生成zip文件

2011-04-14
最近需要使用 Django 动态地将一些文件打包压缩并提供下载,搜索了一下,发现一个不错的使用 Python 在内存中生成 zip 文件的方案,用到了 zipfile 以及 StringIO 模块 。...阅读全文

关于网页点击热区图

2011-03-25
接上一篇文章,当我们使用 JavaScript 记录下用户鼠标的点击行为数据后,怎么把它呈现出来呢? 最简单的做法,是直接把鼠标点击的位置在图上标出来,比如像下图这样: (图1) 上图的每一个小叉代表...阅读全文

关于使用JavaScript脚本记录用户鼠标点击行为

2011-03-18
分析用户在网站上的行为主要有两种方式,一种较为宏观,主要是通过分析后台日志,分析用户在各个页面之间的跳转关系,另一种较为微观,主要是通过在页面上的 JavaScript 脚本记录下用户的鼠标、键盘等行...阅读全文

在HTML5中翻转图片

2011-02-09
貌似 HTML5 的 Canvas 只提供了图片的旋转、缩放功能,没有提供图片翻转(水平翻转或垂直翻转)的支持,搜索加试验之后,得到几种实现图片翻转的方法,记录一下。 第一种最简单的是使用 CSS,代...阅读全文

熄灯游戏

2011-01-13
熄灯游戏(Lights Out)是一个规则很简单的游戏,在一个 n * n 个格子的面板上,每个格子中有一个灯,灯有亮着和熄灭两种状态,初始状态下,所有的灯都是亮着的,点击某一个格子,会影响到那个格子...阅读全文

LABjs分析

2010-12-24
随着网页越做越复杂,页面上要用到的 JavaScript 也越来越多,一次性把所有可能会用到的 js 全包含在页面中显然不是一个好主意,于是各种各样动态按需加载 js 的方法逐渐流行起来,LABjs ...阅读全文

IE6下使用JS获取路径中包含汉字的URL的一个问题

2010-12-14
我们经常需要用 JavaScript 获取网页上某个链接的地址(href 属性),很简单,只需要 a.getAttribute("href") 就行了。一切都很顺利,除了万恶的 I...阅读全文

HTML5塔防游戏 - 圈圈版

2010-11-23
最近空闲时间正在写一个HTML5 版塔防游戏,目前初步完成了基本功能,正在继续改进中。 目前这个版本没有用到图片,游戏中所有的元素(怪物、武器等)都是通过 HTML5 Canvas 的绘图方法画出来的...阅读全文