各位朋友，你们好。

如果你们使用 doocs/md 工具进行图文排版，欢迎在下方留言。后续我考虑在 README 首页中展示你们的公众号。谢谢你们 :D

原文：[Circle Packing][1]

圆形填充是一个非常神奇的效果。蕴含数学魅力的它，看似非常复杂。在本教程中，我们将创建一个有趣的圆形填充效果。尽管它实现起来并不特别高效，但仍然很快。

老规矩，初始化 canvas。

var canvas = document.querySelector('canvas');
var context = canvas.getContext('2d');

var size = window.innerWidth;
canvas.width = size;
canvas.height = size;

context.lineWidth = 2;

现在，我将阐述一下实现流程，并因此而确定需要哪些变量。该实现流程并不是最高效的，但能完成工作。

流程如下：

1. 创建一个圆。

JDK 与 JVM 以及 JRE 的关系

在说 JDK 与 JVM 的关系前，先说说 JDK 与 JRE 之间的关系。
JDK 是 Java 开发工具包，如果你要开发 Java 程序，总得使用 Java 提供的 API 进行开发吧，JDK 就是我们开发 Java 程序的工具。

JDK 包含 JRE。JRE 是 Java 程序的运行时环境，也就是说，他是运行 Java 程序的一个环境。

我们都知道，Java 字节码的运行需要在 JVM 中完成，所以 JRE 必定包含一个 JVM(Java 虚拟机)。

• fork 到自己的仓库

• git clone 到本地

• 上游建立连接
  git remote add upstream 开源项目地址

• 创建开发分支 (非必须)
  git checkout -b dev

• 修改提交代码
  git status git add . git commit -m git push origin branch

• 同步代码三部曲
  git fetch upstream git rebase upstream/master git push origin master

• 提交pr
  去自己github仓库对应fork的项目下new pull request

想当然地以为 A 标签和按钮一样是有 onclick() 事件的，结果发现没有，后来从网上搜了一些资料之后，成功解决了这个题目^_^ 。解决办法是针对 IE 和 FF编写不同的逻辑，部分代码如下：

var comment = document.getElementsByTagName('a')[0];
if (document.all) { // For IE
    comment.click();
} else if (document.createEvent) { //FOR DOM2
    var ev = document.createEvent('MouseEvents');
    ev.initEvent('click', false, true);
    comment.dispatchEvent(ev);
}