2013-10-14 4 views
0

Я хочу написать текст с функцией print(). Я добавил файл cufon. К сожалению, текст не отображается. Зачем? Пожалуйста, помогите мне.Рафаэль. Текст с использованием функции print(). Почему бы не работать?

<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> 

ответ

0

Одна вещь, которую я вижу сразу:

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

возвращает объект путь Рафаэль. Поэтому вам нужно назначить этот путь для вашей бумаги Рафаэля.

Paper.print() Создает путь, который представляет собой данный текст написано с использованием данного шрифта в заданном положении с заданным размером. Результатом метода является элемент пути, который содержит весь текст как отдельный путь.

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

Не проверял еще, но только оставив код так, как вы написали что-нибудь на бумаге не будет печатать.

Еще одна вещь: сохранить свои style теги в своем header.

+0

Пожалуйста, дайте мне правильный пример того, как это сделать. Я попытался таким образом: var text1path = r.path (text1); К сожалению, текст не отображается. – indi

Смежные вопросы