RaphaelJS API NOTE – 嵌入自定义字体

使用自定义字体需要使用名为 cufon 的第三方JS库,使用 cufon 的工具将字体生成一个字体的JS文件。cufon 项目自带了一个 Vegur.font.js 文件。JS文件到项目中:

<script type="text/javascript" src="raphael.min.js"></script>
<script type="text/javascript" src="Vegur.font.js"></script>

生成JS文件后,需要将 Cufon.registerFont 换成 Raphael.registerFont,然后使用 print() 方法输出自定义字体:

var text = paper.print(
    // X 坐标
    30,
    // Y 坐标
    150,
    // 文本
    'Embedding custom fonts with Raphael.',
    // 设置字体
    paper.getFont('Vegur'),
    // 字体大小(单位:px)
    38
);

text.attr({
    fill: '315-#360-#F00',
    'stroke-width': 0
});

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

SHARE THIS PAGE

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

发表评论