Wie erreicht man inneren Schatten in Textobjekten in Canvas?

Question

Ich kämpfe um inneren Schatten für Textobjekte in Leinwand/Stoff js zu erreichen. Kannst du mir bitte einen Weg geben, inneren Schatten in die Leinwand zu bekommen?

enter image description here

Answer 1

Bitte gehen Sie Dokumentation zu fabricjs und überprüfen Funktion für Text "setShadow (Optionen)"

Hier ist ein einfaches example

var text = new fabric.Text('S H A D O W',{ 
     left: 10, 
     top: 100, 
     fill: "#FF0000", 
     stroke: "#000", 
     fontSize: 72, 
     opacity: .8  
    }); 

text.setShadow({ 
    color: 'rgba(0,0,0,0.6)', 
    blur: 20,  
    offsetX: 10, 
    offsetY: 10, 
    opacity: 0.6, 
    fillShadow: true, 
    strokeShadow: true 
}); 
canvas.add(text); 

Spiel mit Optionen zu erreichen, was Sie wollen.