Raphael JS Text Entlang Pfad

Question

Raphael JS Text Entlang Pfad

8

Ich suche ein Beispiel oder eine Bestätigung für ein Konzept. Sie möchten Raphael JS in einer App verwenden und Text ähnlich wie Grafikanwendungen wie Illustrator verzerren.

javascript raphael webfonts

ablemike 03.12.2012, 15:38

quelle

2 Antworten

Tags und Links javascript raphael webfonts

Django: Verwenden von Annotate, Count und Distinct in einem Queryset numpy / scipy Äquivalent von R ecdf (x) (x) Funktion?

score 6 · Answer 1

6

Dies ist nicht so schwierig mit path.getPointAtLength, wie Kevin Nielsen vorschlägt:

%Vor%

jsFiddle

Chris Wilson 03.01.2013 16:44

quelle

score 5 · Answer 2

Hier ist eine Anpassung von Chris Wilsons Code, der als Drop-In-Funktion überarbeitet wurde, mit zusätzlichen Features:

IE8 / VML-Modus-Unterstützung und Gecko / Firefox-Unterstützung (durch Definition der Rotationsursprung - ohne dies, IE8 und Firefox verrückt Nüsse werfen den Text rund um die Seite)
Eine kleine Anpassung, um den Text in Gecko-Browsern weniger unschön zu machen (z. B. Firefox ) - ohne dass dies den Buchstabenabstand willkürlich erhöht
Unterstützung für manuell definierte Schriftgrößen und Buchstabenabstände sowie dynamische Füll- und Abstandspfade
Unterstützung für manuelles Kerning (Feinabstimmung des Buchstabenabstands Zeichen für Zeichen). Text auf einem Pfad erzeugt oft wirklich hässliche Buchstabenräume; Dies ermöglicht es Ihnen, manuelle Anpassungen zu definieren, um diese zu beheben, indem Sie:
- Numerische Position in der Zeichenfolge oder
- Zeichen oder
- Zeichenpaare (die auf Instanzen eines Zeichens angewendet werden, das auf dem vorhergehenden Zeichen basiert, z. B. das folgende Beispiel strafft 'ae' Paare und erweitert 'rn' Paare)

JSBIN DEMO

%Vor%