RaphaelJS API NOTE – 使用文本

Raphaël 中使用文本方法(text())创建文本。在画布中绘制文本,而不是使用 CSS样式的 HTML 标记,允许我们使用以与其他形状相同的方式对文字进行动画和转换操作。 其语法如下:

Paper.text(x, y, text)

参数说明

  • x – x 坐标;
  • y – y 坐标;
  • text – 文本字符串,接受标准转义字符(例如:’\ n’,它将处理文本放在一个新的行);

以下代码使用 text() 方法创建两段文本,然后创建一个集合,以给这两段文本同时应用 font-size 和 font-family 属性:

var text1 = paper.text(0, 15, 'I am text anchored start.');

text1.attr({
    'text-anchor': 'start'
});

var text2 = paper.text(270, 100, 'I am text\nanchored middle');

text2.attr({
    'text-anchor': 'middle'
});

var group = paper.set(text1, text2);

group.attr({
    'font-size': 20,
    'font-family': 'serif'
});

演示地址:http://www.yaohaixiao.com/examples/raphael-js-api-note/text.html

SHARE THIS PAGE

免责声明:本站文章中的观点都是作者个人观点,并没有以任何方式反映他所属机构的意见。

发表评论