css - 阴影在 FabricJS 上不起作用

Question

我已经将FabricJS版本1.5更新到1.6(beta)，那么文本阴影效果现在不起作用。这是我的功能。如何解决这个问题？

$('#text-shadow-set').change(function (){
if(isText()) {
    if(this.checked) {
        var tmp = $('#text-shadow-offset-slider').slider('option','value');
        var shadVal = (tmp==''||tmp==0) ? 20 : tmp;
        currentElement.setShadow({
            color: '#000',
            blur: 5,
            offsetX: shadVal,
            offsetY: shadVal
        });
        canvas.renderAll();
    } else {
        currentElement.setShadow(null);
        canvas.renderAll();
    }
}
});

Answer 1

文本和阴影似乎工作正常。检查下面的演示:

var text = new fabric.Text('Text with Shadow', {
    left: 50,
    top: 150,
    fill: 'red',
    strokeWidth: 1,
    stroke: 'black',
});

text.setShadow({
    color: 'black',
    blur: 5,
    offsetX: 10,
    offsetY: 10,
    opacity: 0.5,
});
canvas.add(text);
canvas.renderAll();

演示

var canvas = new fabric.Canvas('c');

var text = new fabric.Text('Text with Shadow', {
	left: 50,
	top: 150,
	fill: 'red',
	strokeWidth: 1,
	stroke: 'black',
});

text.setShadow({
    color: 'black',
    blur: 5,
    offsetX: 10,
    offsetY: 10,
    opacity: 0.5,
});
canvas.add(text);
canvas.renderAll();

canvas {
  border: 1px solid #f00;
  margin: 0px;
  display: block;
}

<script src="https://rawgit.com/fabricjs/fabric.js/master/dist/fabric.min.js"></script>
<canvas id="c" width="400" height="400"></canvas>