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

时间:2017-09-29 10:02:46

标签: javascript fabricjs

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

1 个答案:

答案 0 :(得分:3)

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