HTML5 Canvas 技巧

注意事项 用 <canvas> 标签进行绘图时必须要设置 width 和 height 属性,这里并不是指 CSS 属性中的 width 和 height,而是 <canvas> 标签本身的属性! 1 2 3 4 5 6 7 8 9 10 11 12 13 <!-- 正

JavaScript 常用技巧

字符串操作 首字母大写 1 2 3 str.replace(/\b\w+/g, function (word) { return word.substring(0, 1).toLowerCase() + word.substring(1); }); 截取字符串最后几位 1 str.substring(str.length-X) 进制转换 1 2 d.toString(16) (十进制 -> 十六进制) parseInt(‘ff’, 16) (十六进

HTML5 Drag and Drop API

基本使用 创建可拖放对象 在 HTML5 中创建可拖动内容非常简单,只需要在元素的属性中加上 draggable="true" 就能创建可拖放对象了。 1 2 3 <div class="rect red" draggable="true"></div> <div class="rect green" draggable="true"></div> <div class="rect blue" draggable="true"></div> 如何拖动 有

D3.js 学习笔记2

Layout 和它的名字相比,D3 中的 Layout 并不会放任何东西在屏幕上。实际上,Layout 方法和可视化输出并没有直接关系。D3 Layout 会把你交给它的数据转换成更加