Node.jsでOGPを作ろうと思ったのですが、いちいちImageMagickとかインストールしたりするのが面倒だったのでnpmのパッケージをインストールするだけで使えるっぽいJimpというライブラリでの出力を試してみました。(Jimp v0.53)
なんか公式通りにimportだと上手くいかなかったので適当にrequireしています。
const Jimp = require('jimp')
router.get('/:id/ogp.png', async (req, res) => {
const font = await Jimp.loadFont(Jimp.FONT_SANS_32_BLACK)
const image = await Jimp.read(600, 315, 0x0000ffff)
res.type('png')
image.print(font, 10, 10, 'Hello World!')
image.getBuffer(Jimp.MIME_PNG, (err, data) => {
res.end(data)
})
})
動作的には良さそうなんですが、まともなマニュアルがほしいですね。あとテキストはビットマップフォントのようです…。
node-canvasの方が簡単で良さげでした。
Crieitは誰でも投稿できるサービスです。 是非記事の投稿をお願いします。どんな軽い内容でも投稿できます。
また、「こんな記事が読みたいけど見つからない!」という方は是非記事投稿リクエストボードへ!
こじんまりと作業ログやメモ、進捗を書き残しておきたい方はボード機能をご利用ください。
ボードとは?
コメント