之前用d3.js来写可视化组件，有着库依赖的问题，这次想自己把库的依赖去掉，用原生态javascript写。
然后第一件事情我就懵逼了，用jquery的 $("<svg></svg>) 生成也是一样。
然后出来的是一个普通标签名叫svg的标签，没有svg的任何渲染
而本来应该是下图的效果的。
然后就顺便普及了svg的知识，svg虽然和dom元素很像，但是实际上是xml，它比html更加严格，有着自己的命名空间，如果你在html里面直接写，那么会被加上命名空间解析，如果你想要用js来创建，那么你就得自己来写。
我写的是一个词云插件，我的算法是根据一个text来判断碰撞与否，所以我要知道两个text的位置和高度和宽度。
对于普通的元素，可以通过jquery.css("width")来实现，但是这个对于svg元素，jquery也再一次失效。而这个时候，getBoundingClientRect()，就起效了。
解决方法：A）让伺，服，器代为读取这些外部资源，使它们变成同网域的资料。
B）用 JS 建立 img，将其 crossOrigin 特性设成 *anonymous*，再请求 SVG。如果对方的伺，服，器有明确允许(有设定正确的 Access-Control-Allow-Origin)，并且该 SVG 没有引用任何外部资源，并且浏览器支援，那麼载入后你可以用 JS 存取其内部资料。
