摘要：
我们知道，使用以下2个API可以绘制一条线段： moveTo(x, y) 向当前路径中增加一条子路径，该子路径只包含一个点，此为线段的起始点 lineTo(x, y) 将线段的下一个点加入子路径中 但是你会发现，这条线段的宽度并不是1px，而是2px。 再画一条宽度为2px的线段。 这条线段宽度与第 阅读全文
摘要：
线性渐变API: ctx.createLinearGradient(double x1, double y1, double x2, double y2) 创建一个渐变实例 (x1, y1) 渐变的起始点 (x2, y2) 渐变的终止点 gradient.addColorStop(offset: d 阅读全文
摘要：
使用的API: ctx.strokeRect(x, y, width, height) 给一个矩形描边 ctx.fillRect(x, y, width, height) 填充一个矩形 ctx.clearRect(x, y, width, height) 清除矩形区域 ctx.lineJoin = 阅读全文
摘要：
绘制弧线的API: 参数说明： centerX 圆心坐标x centerY 圆心坐标y radius 圆半径 startAngle 起始弧度 endAngle 结束弧度 anticlockwise 是否逆时针绘制，默认false，也就是顺时针绘制 对于一个圆来说，0弧度是从水平方向右侧开始的。 效果 阅读全文
摘要：
主要使用的API有： context.moveTo(x,y) 声明线的起始坐标 context.lineTo(x,y) 声明线的下一个坐标 context.fillStyle 声明线的填充颜色 context.fill() 填充 context.strokeStyle 声明线的颜色 context. 阅读全文
摘要：
TypeScript + Webpack 环境搭建步骤 1. 安装Node.js 2. 安装npm 3. 创建一个npm项目 4. 安装typescript，配置ts 5. 安装webpack，配置webpack 初始化一个npm项目 将在项目根目录下创建 文件。文件目录结构如下 全局安装types 阅读全文
摘要：
互联网概述 计算机网络 网络由若干结点 (Node) 和连接这些结点的链路 (Link) 组成。 结点 (Node) 结点可以是 计算机、集线器、交换机或路由器 通常可以用一朵云来表示一个网络，这样做的好处是可以不用关心网络中的复杂细节问题。 主机 (Host) 通常把与网络相连的计算机叫做主机。 阅读全文
摘要：
需求： 已知一个向量，初始位置在y轴方向，如图红色箭头，绕中心点（x1, y1）旋转若干角度后，到达Line（x2,y2 x1,y1）的位置，求旋转角度 分析： 坐标点（x1, y1）（x2, y2）已知，则可利用JavaScript反三角函数求角度。 然后使用Svg.js修改polygon的属性 阅读全文
摘要：
火狐浏览器实现拖拽有2个坑： 1、在dragstart事件中，必须要使用ev.dataTransfer.setData()，否则，即使在html中设置了元素 draggable=true，拖拽也是无效的。 2、火狐拖放后，总会默认打开百度搜索，如果是图片，则会打开图片。 解决办法： 在drop事件中 阅读全文
摘要：
本文参考： http://blog.bigbinary.com/2011/08/18/understanding bind and bindall in backbone.html bindAll内部调用了bind(),而bind()又内部调用了apply() apply()的作用 apply le 阅读全文