0

我想用 print() 函数写文本。我添加了 cufon 文件。不幸的是，没有显示文本。为什么？请帮我。

<html>
<head>
    <title></title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
   <script src="jquery.js" type="text/javascript"></script>
   <script src="raphael.js" type="text/javascript"></script>
   <script src="harabara.cufonfonts.js" type="text/javascript"></script>

</head>
<body>
    <script>

        window.onload = function() {

        var r = new Raphael('holder', 640, 480);


    var font1 = r.getFont("Harabara");

    var text1 = r.print(10,100, "click me", font1, 48).attr({"stroke-width": 3, fill: "red", "stroke": "blue"});


     };
    </script>
    <style type="text/css">  
        #holder { width: 640px; height: 480px; border: 2px solid #aaa; }  
    </style>  
   <div id="holder"></div>
</body>

4

1 回答 1

0

我马上看到的一件事：

var text1 = r.print(10,100, "click me", font1, 48).attr({"stroke-width": 3, fill: "red", "stroke": "blue"});

返回一个 Raphael 路径对象。因此，您需要将该路径分配给您的 Raphael 论文。

Paper.print()创建路径，该路径表示使用给定字体在给定位置以给定大小写入的给定文本。该方法的结果是包含整个文本作为单独路径的路径元素。

http://raphaeljs.com/reference.html#Paper.print

尚未对其进行测试，但仅以您编写的方式保留代码不会在纸上打印任何内容。

还有一件事：把你的style标签放在你的header.

于 2013-10-14T15:56:16.953 回答