Как создать изображение в Node js? - PullRequest
0 голосов
/ 05 октября 2019

Я работаю над программой, которая генерирует цитату, а затем помещает текст поверх изображения JPEG. Я нашел пакет npm для генерации цитаты, но я не могу понять, как мне получить текст и поместить его поверх изображения?

Я попытался найти пакет npm, но не смог его найти. Я также думал о наличии предварительно загруженного изображения в моем каталоге, и оттуда я могу добавить текст поверх него, однако я понятия не имею, как это сделать. Единственное, что я могу найти, - это пакет, который генерирует пиксельные изображения

const Quote = require('inspirational-quotes');
console.log(Quote.getRandomQuote());
console.log(Quote.getQuote());

var fs = require('fs');
var imgGen = require('js-image-generator');

// Generate one image
imgGen.generateImage(800, 600, 80, function(err, image) {
    fs.writeFileSync('dummy.jpg', image.data);
});

// Generate multiple images
for(var i=1;i<=10;i++){
    imgGen.generateImage(800, 600, 80, function(err, image) {
        console.log("Generating image #" +i);
        fs.writeFileSync('dummy-' + i + '.jpg', image.data);
    });
}

Ответы [ 2 ]

1 голос
/ 05 октября 2019

Возможно, вы захотите взглянуть на ImageMagick (или GraphicMagick), двоичный файл командной строки (написанный на C ++), который может выполнять все виды манипуляций с изображениями, включая композитинг и наложение текста. ImageMagick сам по себе является «швейцарским ножом» для обработки изображений и существует уже много лет, с множеством клиентских библиотек и портов для практически любой среды.

Ссылка на командную строку и способ наложения текста: https://imagemagick.org/Usage/annotating/#wmark_text

Существует немало способных модулей npm, которые предоставляют оболочки ImageMagick / GraphicMagick, вот только один из них: https://www.npmjs.com/package/gm - и есть еще много доступных

Надеюсь, что это помогает и удачи!

0 голосов
/ 05 октября 2019

Библиотека JS "HTML2CANVAS" делает то, что вам нужно: http://html2canvas.hertzen.com/features/

Здесь на YouTube есть краткое руководство: https://www.youtube.com/watch?v=dPezJKcItuc

Надеюсь, это поможет:)

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...