d3.layout.cloud配置项


# on(type, listener)

从布局接收指定类型的事件后注册指定的侦听器。目前,type只有“word”和“end”。

每次成功放置word(单词)时,都会触发一个“word”事件。被放置的word对象作为唯一参数调用注册的侦听器。

当布局完成放置所有单词时,将触发“end”事件。成功放置的单词对象的数组(array)和表示放置对象范围的表单[{x0,y0},{x1,y1}]的边界对象将作为两个参数调用注册的侦听器。

# start()   

开始布局的算法。这个初始化的属性对word对象的定义,并尝试去放置每一个word,再以最大的word启动。与矩形区域的中心建立,每一个word都可以用所有预留的材料进行碰撞。如果碰撞的话,它在一个新的位置,在螺旋的一个新位置上。

注:如果一个字不能在任何一种在螺旋形的位置上被屏蔽,它不包括在最后的文字中。这可能会在未来的释放中得到解决。

#stop()

停止布局的算法。

#timeInterval([time])

本质上,布局使用setInterval来避免锁定浏览器的事件循环。如果指定Interval,则时间是在当前时间步骤中可以花费的最大时间量。如果没有指定,则返回当前最大时间间隔,默认为Infinity。

#words([words])

如果指定了words,就返回该words数组,否则,返回原words数组,默认为[]。

#size([size])

如果指定了size,设置该 [width, height]为整个布局的矩形区域尺寸. 如果没有指定,返回现有的尺寸,默认为 [1, 1].

#font([font])

如果指定,则设置字体存取函数,该函数指示每个word的字体。如果未指定,则返回当前字体,默认值为“serif”。也可以指定常量而不是函数。

#fontStyle([fontStyle])

同上,字体样式默认为"normal"

#fontWeight([fontWeight])

同上,字体权重默认为" normal "

#fontSize([fontSize])

同上,字体大小默认为function(d) { return Math.sqrt(d.value); }

#rotate([rotate])

旋转角度,默认为function() { return (~~(Math.random() * 6) - 3) * 30; }

#text([text])

文本内容,默认为function(d) { return d.text; }

# spiral([spiral])

单词的螺旋类型,内置的两个为"archimedean" 和 "rectangular",也可以设置为其他任意螺旋类型。形式为

function(size) {

  // t indicates the current step along the spiral; it may monotonically

  // increase or decrease indicating clockwise or counterclockwise motion.

  return function(t) { return[x, y]; };

}

#padding([padding])

单词间的间隔,默认为1

#random([random])

随机生成单词的初始位置和螺旋类型的方向,返回[0,1]的数字,默认为Math.random

#canvas([canvas])

画布生成器函数,在内部用于绘制文本。默认值为function() { return document.createElement("canvas"); }


(新手学习过程中人工翻译,如有错误,请指出~欢迎一起交流

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 官网 中文版本 好的网站 Content-type: text/htmlBASH Section: User ...
    不排版阅读 4,434评论 0 5
  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 27,600评论 1 45
  • HTML 5 HTML5概述 因特网上的信息是以网页的形式展示给用户的,因此网页是网络信息传递的载体。网页文件是用...
    阿啊阿吖丁阅读 4,040评论 0 0
  • 什么事情呢?一个是英语,一个是编程。 阴差阳错,我本科读的是计算机和英语的双学位,都并非初衷。但现在回想起来,可能...
    Mr航阅读 1,205评论 1 17
  • 创建 父类:Car创建 子类:Bus Taxi 继承Car Car.h Car.m Bus.h Bus.m Ta...
    J_coco阅读 235评论 0 1