禁用objectCaching并将下划线应用于文本时,未显示文本阴影效果

时间:2018-08-24 05:17:08

标签: fabricjs fabricjs2

版本

2.3.6

测试用例

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


fabric.Object.prototype.objectCaching = false;

var TextObj = new fabric.Text('Text Text',{
  left: 100,
  top: 100,
  fill: "#770faf",
  width: 170,
  height: 100,
  underline: true
});

TextObj.setShadow({
        color: 'rgba(0,0,0,0.7)',
        blur: 10,
        offsetX: 10,
        offsetY: 10
      });

canvas.add(TextObj);

canvas.renderAll();
<script src="https://cdnjs.cloudflare.com/ajax/libs/fabric.js/2.3.6/fabric.js"></script>
<canvas id="c" width="400" height="400"></canvas>

复制步骤

objectCaching禁用了对象

fabric.Object.prototype.objectCaching = false;

预期行为

阴影效果应显示在文本上并同时在其下划线。

实际行为

在同一文本上加上下划线时,文本中未显示阴影效果

0 个答案:

没有答案