Question

我想用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>

Answer 1

我马上就看到了一件事：

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。

拉斐尔。使用print（）的文本。为什么不工作？

1 个答案: