개발자로서 이미지 조작 소프트웨어에 대한 훌륭한 기술은 없지만 여전히 필요합니다.
제 경우에는 제가 공동 주최하는 모임을 위해 소셜 미디어와 전단지를 위한 Twitter 카드를 생성해야 했습니다. 중요한 것은 자동화입니다.
그래서 템플릿을 만들고 추가 작업없 이 많은 이미지를 생성 할 수 있는 솔루션을 원했습니다.
그래서 node-html-to-image를 만들었습니다. HTML에서 이미지를 생성하는 Node.js 모듈.
가장 간단한 예는 다음과 같습니다. 출력 경로와 HTML 문자열을 제공합니다.
const nodeHtmlToImage = require('node-html-to-image')
nodeHtmlToImage({
output: './image.png',
html: '<html><body>Hello world!</body></html>'
})
.then(() => console.log('The image was created successfully!'))나는 자동화에 대해 일찍 이야기했다. 템플릿 엔진 인 핸들 바가 함께 제공됩니다. 동일한 템플릿을 사용하여 여러 이미지를 만들 수 있습니다.
다음 예에서는 자리 표시 자로 세계를 바꾸고 content 옵션을 사용하여 값을 삽입했습니다.
const nodeHtmlToImage = require('node-html-to-image')
nodeHtmlToImage({
output: './image.png',
html: '<html><body>Hello {{name}}!</body></html>',
content: { name: 'you' }
})
.then(() => console.log('The image was created successfully!'))코드를 작성하지 않고 HTML에서 이미지를 생성하고 싶습니까? 문제 없습니다. node-html-to-image-cli 아래에 node-html-to-image를 사용하는 cli를 만들었습니다.
npx node-html-to-image-cli index.html image.png생성 된 이미지 :
관심이 있으시면 GitHub 리포지토리를 확인하십시오.
지원하고 싶습니까? ⭐️을 떠나는 것을 잊지 마십시오
등록된 댓글이 없습니다.
