node-html-to-image v1.2가 나왔습니다 🎉

얼마 전에 node-html-to-image이라는 작은 모듈을 작성했습니다. Node.js의 HTML에서 이미지를 생성합니다. 자세한 내용은 사용 방법을 설명하는 여기를 참조하십시오. 이번 주에는 NodeWeekly에 소개되었습니다 🎉

이번 주에는 버전 1.2도 출시했습니다. node-html-to-image의 새로운 기능을 살펴보겠습니다.

✨ 투명성 지원



이 기능은 jordan314 에서 요청했습니다. png개의 이미지에 투명한 배경을 사용할 수 없었습니다. 다음은 새transparent 옵션을 사용하여 이를 달성하는 예입니다.

const nodeHtmlToImage = require('node-html-to-image')

nodeHtmlToImage({
  output: './image.png',
  type: 'png',
  transparent: true,
  html: '<html><body>Hello world!</body></html>'
})
  .then(() => console.log('The image was created successfully!'))


📝 문서 개선



사용자가 node-html-to-image 사용에 대해 자주 묻는 두 가지 질문:
  • 로컬에 저장된 이미지를 사용하는 방법은 무엇입니까?
  • 내 이미지 해상도를 설정하는 방법은 무엇입니까?

  • 이러한 질문에 답하는 두 개의 섹션을 README에 직접 추가했습니다( image resolutiondealing with images ).

    도움이 되길 바랍니다🙏

    ♻️ 테스트 설정 간소화



    모듈이 제대로 작동하는지 테스트하기 위해 tesseract을 사용합니다. 테스트를 실행하기 위해 컴퓨터에 엔진을 설치하는 것은 까다로웠습니다. 이 OCR 엔진의 Javascript 포트인 tesseract.js으로 이동했습니다. 이제 실 설치 명령을 실행하는 것으로 테스트를 실행하기 전에 프로젝트를 설정하기에 충분합니다.

    💻 CLI도 출시되었습니다!


    node-html-to-image에는 고유한 CLI이 있습니다. 모듈을 빠르게 사용해 볼 수 있는 좋은 방법이라고 생각합니다.



    node-html-to-image-cli v1.1의 새로운 기능:



    콘텐츠 제공 옵션 추가



    이제 CLI에서도 handlebars를 사용할 수 있습니다. 다음은 예입니다.

    npx node-html-to-image-cli ./index.html ./image.png --content ./content.json
    


    index.html:

    
    <!DOCTYPE html>
    <html>
      <body>
        <h1>Hello {{you}}</h1>
      </body>
    </html>
    


    내용.json:

    { 
      "you": "world"
    }
    


    Julien Tanguy 덕분에 🙏

    투명성을 지원하는 옵션 추가



    또한 CLI에서도 투명성 지원을 활성화하는 옵션transparent을 추가했습니다.

    npx node-html-to-image-cli --type png --transparent ./index.html ./image.png
    


    관심이 있으시면 언제든지 GitHub 리포지토리를 확인하십시오.
  • node-html-to-image
  • node-html-to-image-cli

  • 지원하고 싶습니까? ⭐️를 남기는 것을 잊지 마세요.


    피드백이나 아이디어를 주시면 감사하겠습니다 🙏 질문이 있으시면 트윗해주세요!

    좋은 웹페이지 즐겨찾기