Я пытался использовать функцию filltext на холсте.
здесь jsfiddle
Источник изображения 6016 * 4016.
Я использую css, чтобы адаптировать размер холста, чтобы пользователь что-то нарисовал или добавил текст.
Когда я заполняю текст на холсте и изменяю размер окна, изображение холста будет меняться, нотекст не будет.
Как я могу позволить тексту (или рисовать линии, что-нибудь действие содержимого холста) реагировать тоже?
В моем примере с jsfiddle размер текста 20px в изображении между адаптивным размером и (исходным размером 6016 * 4016) сильно отличается.
context.font = "20px Georgia";
context.fillStyle = "#fff";
var text = "Hello World!";
context.fillText(text, clientCanvasWidth/2 - context.measureText(text).width/2, clientCanvasHeight/2);
Я делаю редактор изображений, для этого нужен genИзображение после завершения отредактируйте фотографию с той же шириной и высотой исходного изображения.
Спасибо!
Источник изображения: https://www.kenrockwell.com/nikon/d600.htm