Question

我们如何准确地为2.x beta中的文本，iText和Textbox获取和设置下划线，上划线等属性？有没有可用的文件？

Answer 1

var canvas = new fabric.Canvas('canvas');
var text = new fabric.Text('FabricJS is Awsome.',{
 fontSize:'30',
 left:50,
 top:50,
 underline:true
});
canvas.add(text);
//text.setSelectionStyles({overline:true},0,5);
canvas.renderAll();
function changeStyle(val){
 text[val] = !text[val];
 text.dirty = true;
 canvas.renderAll();
}

canvas {
    border: 2px dotted green;
}

<script src="https://rawgit.com/kangax/fabric.js/master/dist/fabric.js"></script>
<button onclick=changeStyle('underline')>underline</button>
<button onclick=changeStyle('overline')>overline</button>
<button onclick=changeStyle('linethrough')>linethrough</button><br>
<canvas id="canvas" width="400" height="400"></canvas>

与来自对象的其他属性set / get相同。 fabric.Text

Fabric.js beta2 - 文本下划线选项

1 个答案: