Fabricjs:使用填充颜色设置 IText 字符样式,增加字符的宽度/间距

问题描述 投票:0回答:0

我正在使用 fabricjs v5.3.0。我的目标是在 IText 中找到要突出显示的单词并用预定义的颜色填充它们。我发现代码可以与英文文本一起正常工作,但在使用印地语文本时会出现问题。

我尝试了许多不同的方法,但对我没有任何帮助。

var canvas = new fabric.Canvas("canvas");
var nIText = new fabric.IText('राजस्‍थान शिक्षक भर्ती में भारी गड़बड़ी, परीक्षा शुरू', {
  left: 10,
  top: 10,
  fontFamily: 'Arial',
  fontSize: 30,
  fill: '#000'
});
canvas.add(nIText);
var iText = new fabric.IText('राजस्‍थान शिक्षक भर्ती में भारी गड़बड़ी, परीक्षा शुरू', {
  left: 10,
  top: 50,
  fontFamily: 'Arial',
  fontSize: 30,
  fill: '#000'
});
canvas.add(iText);
iText.setSelectionStyles({fill: '#f00', fontWeight: 'bold'}, 0, 9);
iText.setSelectionStyles({fill: '#f00', fontWeight: 'bold'}, 16, 23);

JS Fibble:https://jsfiddle.net/cbmyxdon/

javascript canvas html5-canvas fabricjs
© www.soinside.com 2019 - 2024. All rights reserved.