1

Пробовал разные варианты, ни один не подходит

function drawText(ctx, text, x, y) {
  ctx.font = '28px sans-serif';
    ctx.fillStyle = "#333333";
    ctx.textAlign = 'left';
  ctx.fillText(text, x, y);
}
let canvas = document.querySelector('canvas');
let ctx = canvas.getContext('2d');
canvas.style.width = canvas.offsetWidth +'px';
canvas.style.height = canvas.offsetHeight +'px';
canvas.width = canvas.offsetWidth * 2;
canvas.height = canvas.offsetHeight * 2;

// напрямую символом × работает, но нужно кодом
drawText(ctx, "Close: × U+000D7 × × × \00D7", 20, 60);
canvas {
  width: 300px;
  height: 100px;
  border: 1px solid #000;
}
<canvas></canvas>

1 ответ 1

2

function drawText(ctx, text, x, y) {
  ctx.font = '28px sans-serif';
    ctx.fillStyle = "#333333";
    ctx.textAlign = 'left';
  ctx.fillText(text, x, y);
}
let canvas = document.querySelector('canvas');
let ctx = canvas.getContext('2d');
canvas.style.width = canvas.offsetWidth +'px';
canvas.style.height = canvas.offsetHeight +'px';
canvas.width = canvas.offsetWidth * 2;
canvas.height = canvas.offsetHeight * 2;

// напрямую символом × работает, но нужно кодом
//drawText(ctx, "Close: × U+000D7 &#xd7; &#215; &times; \00D7", 20, 60);
drawText(ctx, "Close: \u00D7", 20, 60);
canvas {
  width: 300px;
  height: 100px;
  border: 1px solid #000;
}
<canvas></canvas>

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.