Kann ich in Raphael ohne Cufon drucken?

8

Ich versuche, den in der Dokumentation für Raphael erwähnten Druckbefehl zu verwenden, um Text mit einem netten Text zu drucken Schriftart. [Ich sehe, dass dies mit der "Text" -Funktion gut gemacht werden kann, und ich sehe Beispiele im Web, die von Cufon mit der Druckfunktion erzeugte Schriften verwenden (wie in diesen Beispiele für "Text" und "Drucken" ), aber was ich mache, ist so nah wie möglich an das Beispiel in der Dokumentation und funktioniert nicht für mich, und ich würde gerne wissen warum.]

Hier ist mein Code:

%Vor%

Die wichtige Zeile ist:

%Vor%

wie hier dokumentiert .

Wenn ich es (in Chrome und Opera unter OS X, so weit) versuche, bekomme ich:

  • ein weißer Bereich zum Zeichnen
  • eine graue Ellipse
  • der Text "Raphaël \ nkicks \ nbutt!"

aber ich sehe nicht: "String testen" überall.

Ich benutze Raphael v 1.4.7 (was ich für gestern hielt, aber ich sehe, dass eine Version 1.5.2 jetzt out ist).

    
Clinton Blackmore 09.12.2010, 19:37
quelle

1 Antwort

20

Sie können print () nicht verwenden, ohne explizit eine Schriftart zu registrieren (indem Sie registerFont () aufrufen), und Cufon scheint der übliche Weg dafür zu sein. Cufon ermöglicht Ihnen die Verwendung einer benutzerdefinierten Schriftart. Wenn Sie Standardschriftarten verwenden möchten, können Sie text () verwenden und die Schriftarteigenschaften mit der Funktion attr () festlegen.

Es hat eine Weile gedauert, bis ich herausgefunden habe, warum die Beispielfunktion 'print' nicht funktionierte, wenn sie in meine eigene Seite eingebettet war. Die einfache Antwort ist, dass Sie die Funktion 'print' nicht verwenden können, ohne zuvor die 'registerFont'-Funktion aufzurufen.

Wenn Sie sich die Quelle von Raphaels Referenzseite genau ansehen, werden Sie den Aufruf von 'registerFont', den sie verwenden, nicht bemerken, weil er in die ' museo.js " Seite. Dort sehen Sie den 'registerFont' Anruf. Sie werden auch bemerken, dass sie tatsächlich die Druckfunktion mit der Schriftart "Museo" in ihrem gedruckten Beispielcode verwenden und nicht mit der Schriftart "Times".

An dieser Stelle wurde mir klar, dass die Funktion text () in Kombination mit der Funktion attr () für meine Bedürfnisse ausreichend sein würde, weshalb ich nicht weiter in Cufon (sorry) schaute.

Hier ist ein einfaches Code-Snippet, das zeigt, wie die Funktionen text () und attr () verwendet werden, um etwas in einer der Standardschriftarten anzuzeigen.

%Vor%

Sie rufen einfach attr () für die Ausgabe der text () -Funktion auf und geben die gewünschten Eigenschaften an.

Hoffe, dass Sie das Problem und eine mögliche Lösung verstehen, wenn Sie Ihre benutzerdefinierte Schriftart nicht benötigen.

    
holcombj 19.04.2011 10:58
quelle

Tags und Links