2013-07-27 12 views
6

Vorrei utilizzare carattere personalizzato in tessuto oggetto di testo, ho seguito il link qui sotto: http://fabricjs.com/fabric-intro-part-4/Come applicare caratteri personalizzati nell'oggetto di testo tessuto?

ma sembra che è supportato solo in node.js.

C'è un modo per supportarlo su un semplice oggetto testo su tela?

+1

Includere carattere personalizzato in un documento, usando i CSS , proprio come faresti per renderlo in HTML. Quindi specifica la famiglia di caratteri per l'istanza 'fabric.Text'. – kangax

+0

HI @kangax .. Sto lavorando in testo Curvo usando fabric.js come posso usare la famiglia di font per il testo della curva ....? qualsiasi proprietà predefinita per la famiglia di font? –

risposta

0

Utilizzando proprietà semplice CSS dei font @Face

11

Uso CSS:

@font-face 
{ 
font-family: myFirstFont; 
src: url('Sansation_Light.ttf'), 
url('Sansation_Light.eot'); /* IE9 */ 
} 

Crea tessuto istanza di oggetto di testo:

var object = new fabric.Text("NEW TEXT", { 
    fontFamily: "myFirstFont", 
    left: 150, 
    top: 100, 
    fontSize: 24, 
    textAlign: "left", 
    fill: "#000000" 
}); 
canvas.add(object); 
canvas.renderAll(); 
Problemi correlati