Ich versuche, den Druckbefehl zu verwenden, der in der documentation for Raphael erwähnt wird, um, gut, Text mit einer netten Schriftart zu drucken. [Ich sehe, dass dies schön mit der "Text" -Funktion gemacht werden kann, und ich sehe Beispiele im Web mit Schriften von Cufon mit der Druckfunktion erzeugt (wie in diesen examples for 'text' and 'print'), aber was ich mache, ist so nah wie ich kann es in der Dokumentation zum Beispiel machen und für mich nicht funktioniert, und ich würde wissen, warum mag]Kann ich in Raphael ohne Cufon drucken?
Hier ist mein Code:.
<html>
<head>
<title>Raphael Print Test</title>
<script src="raphael.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" charset="utf-8">
window.onload = function() {
var paper = new Raphael('holder', 640, 480);
paper.ellipse(320, 240, 320, 240).attr({stroke: "grey"});
paper.print(100, 100, "Test string", paper.getFont("Times", 800), 30);
paper.text(50, 50, "Raphaël\nkicks\nbutt!");
}
</script>
<style type="text/css">
#holder { width: 640px; height: 480px; border: 2px solid #aaa; }
</style>
</head>
<body>
<div id="holder"></div>
</body>
</html>
die wichtige Zeile ist:
paper.print(100, 100, "Test string", paper.getFont("Times", 800), 30);
Wenn ich es versuchen (in Chrome und Opera auf OS X, bisher) erhalte ich:
- eine weiße Fläche zeichnen auf
- eine graue Ellipse
- der Text „Raphaël \ nkicks \ nbutt! "
aber ich sehe nicht: "Test String" überall.
Ich benutze Raphael v 1.4.7 (die ich dachte, war gestern wie gestern, aber ich sehe, dass eine Version 1.5.2 ist jetzt out).
Mein Problem gelöst. Dies funktioniert auch mit Google Web Fonts. – bennedich
Könnten Sie Google Web Fonts mit r.print verwenden? Darf ich wissen wie? Ich stehe hier vor dem gleichen Problem –