如何在画布中的文本对象中实现内部阴影?

时间:2017-07-20 16:07:24

标签: canvas fabricjs

我正在努力为canvas / fabric js中的文本对象实现内部阴影。 你能否提供一种在画布上获得内在阴影的方法。

enter image description here

1 个答案:

答案 0 :(得分:-1)

请转到fabricjs文档并检查文本“setShadow(options)”

的功能

这是一个简单的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);

使用选项来实现您想要的效果。