档案日期2014的44

2014年11月3日 - 2014年11月9日

使用D3js绘制Force-Directed Graph（力导向图）
作者是 发布于 在 JavaScript.

Force-directed（力导向）图形绘制算法通过图形本身的结构（图中顶点与边的拓扑关系）计算出图形的层次，而不依赖于特定领域的知识。使用力导向算法绘制的平面图形通常比较美观，并且图中各条边之间的交叉尽可能的少。

本文对使用D3js绘制Foorce-Directed Graph（力导向图）的过程进行简要的介绍，以下面的逻辑图（包含6个节点和5条边）为例。

import json
#nodes为图的节点集合
nodes = [{'name' : 'nodeA'}, 
         {'name' : 'nodeB'}, 
         {'name' : 'nodeC'}, 
         {'name' : 'nodeD'}, 
         {'name' : 'nodeE'}, 
         {'name' : 'nodeF'}]
#links为图的边集合，source为起点，target为终点
links = [{'source' : 0 , 'target' : 1}, 
         {'source ...

继续阅读

百度CDN跨域引用Bootstrap Glyphicons字体异常
作者是 发布于 在 SAE.

使用百度前端公共库CDN服务（http://libs.baidu.com）的站长需要引起注意：

如果站点引用了百度CDN提供的Bootstrap Glyphicons字体，在使用较新版本的浏览器（包括Chrome 38+，Firefox 33+，以及IE 11等）访问这些包含Glyphicons字体的页面时，会无法正确显示Bootstrap Glyphicons字体。

使用360提供的前端公共库CDN服务（http://libs.useso.com/）替换百度公共库CDN服务，可以解决上述问题。

通过Chrome浏览器开发者工具的Network选项卡查看资源请求，可见glyphicons字体文件的请求响应出现异常，如下图所示。

百度CDN-Glyphicons字体引用异常

上述测试页面的代码如下：

<html>
  <head>
    <script src="http://libs.baidu.com/jquery/1.10 ...

继续阅读

每日归档

上周

下周

归档