Css 阴影在FabricJS上不起作用
我已经将FabricJS版本1.5更新为1.6(beta版),然后文本阴影效果现在不起作用。这是我的功能。如何解决这个问题Css 阴影在FabricJS上不起作用,css,fabricjs,Css,Fabricjs,我已经将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==''||
$('#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();
}
}
});
文本和阴影似乎工作正常。查看下面的演示:
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=newfabric.canvas('c');
var text=new fabric.text('带阴影的文本'{
左:50,,
排名:150,
填充:“红色”,
冲程宽度:1,
笔画:“黑色”,
});
text.setShadow({
颜色:'黑色',
模糊:5,
抵销额:10,
副职:10,
不透明度:0.5,
});
canvas.add(文本);
canvas.renderAll()代码>
画布{
边框:1px实心#f00;
边际:0px;
显示:块;
}
您在哪里定义“currentElement”?@DarrylHebbes currentElement在myCode中定义。它表示画布上当前选定的对象。阴影效果适用于fabricJS 1.5。我认为问题发生在1.6上。