如何在开始和结束索引中获取自愿文本片段

Question

我需要在开始和结束索引中获取文本。

例如对于像这样的文本 "Fabric.js 是一个强大而简单的 Javascript HTML5 画布库" 对于开始索引“0”和结束索引“8”，它必须显示结果“Fabric.js”。

有没有类似getSelectedText(start, end)的方法？ 不同的是我需要得到一个自愿的文本片段，而不是选择的一个

Answer 1

你的问题有点含糊。我不确定我理解您所说的“自愿文本片段”是什么意思。

但是，如果您使用的是 fabric.IText 实例，则可以使用以下属性来获取/设置文本选择的开始和结束：

var canvas = this.__canvas = new fabric.Canvas('Canvas');

var myText = new fabric.IText('Fabric.js is a powerful and simple Javascript HTML5 canvas library',{
top: 50,
left: 50,
fontSize: 20
});

canvas.add(myText);
canvas.renderAll();

myText.enterEditing(); // Enter text editing mode
myText.selectionStart = 0;
myText.selectionEnd = 9;

<script src="https://cdnjs.cloudflare.com/ajax/libs/fabric.js/4.3.1/fabric.js"
    integrity="sha512-CzyxOXSECwo2nGJQZ2P8fdDxWVMVzn0jNdT2lYJ3afbqDJbaQ4qxgv9sLc85f6KP8HO2y929Bu+lnPKGC3ofSg=="
    crossorigin="anonymous"></script>

<div class="container">
    <canvas id="Canvas" width="700" height="300"></canvas>
</div>

<script src="canvas.js"></script>