Текстовый компонент Fabric JS с арабскими буквами генерируется неправильно - PullRequest
0 голосов
/ 06 июля 2018

Задача Когда вы используете Fabric JS для генерации текстовых компонентов и затем конвертируете их в SVG.

problem is here

Я хочу увидеть проблему и попытаться воспроизвести и / или решить -----> Пожалуйста, проверьте первый комментарий <----- </p>

Как использовать демо для воспроизведения

  1. Открытый URL демо
  2. Запустите его
  3. Нажмите на добавление текстового компонента, он добавит текстовый тестовый компонент английского языка.
  4. Теперь измените текст двойным щелчком мыши и вставьте, например, арабское слово شريف
  5. Откройте инспектор браузера.
  6. нажмите кнопку печати на консоли.

Ожидаемый результат Чтобы выглядеть так

Expected correct result

1 Ответ

0 голосов
/ 06 июля 2018

Это исправлено в более новой версии. Обновление до v2.3.3 (последняя версия), ваша версия fabricjs v1.5 слишком старая и больше не поддерживается.

найти последнее здесь сайт fabric.js

DEMO

var canvas = this.__canvas = new fabric.Canvas('c');
canvas.setDimensions({
 width:400,height:400
})
text = new fabric.IText('شريف', { 
  left: 50,
  top: 100,
  fontFamily: 'arial black',
  fill: '#333',
  fontSize: 50
})

canvas.add(text);
console.log(text.toSVG());
function printtest(){
  console.log(text.toSVG());
}
#c{
  border:1px solid red;
}
<script src="https://rawgit.com/kangax/fabric.js/master/dist/fabric.js"></script>
<button onclick="printtest()">print console</button><br>
<canvas id="c"></canvas>
...