❤
npm
Sign UpSign In

@heibaiepei/node-poster

1.0.3 • Public • Published

描述

  1. 基于node-canvas 开发的服务器端绘制海报插件，通过传递数据的方式来生成图片

开发目的

  1. 尝试了用html5 canvas api 绘制海报在多端兼容上绘制复杂一点的图片，存在toDataURL导出来的图片模糊，图片画上去偶尔空白，应用闪退，等问题
  2. 后续扩展需要考虑兼容性问题，很麻烦
  3. 总结以上开发了这个插件

解决的问题

  1. 服务器端生成不用考虑兼容
  2. 生成的速度更快更稳定
  3. 根据常用海报抽象定义了绘画基本图形的api满足了基本的使用
  4. 根据图形定义抽象api方便扩展

示例图片

Image text

目录结构

    |-- index.js  //入口文件    
    |-- package-lock.json  //版本锁文件
    |-- package.json  //版本文件
    |-- README.md  //描述文件
    |-- test      //测试目录
    |   |-- app.js  //测试服务器 | 使用示例文件
    |   |-- config1.js   //测试数据配置文件
    |   |-- config4.js   //测试数据配置文件
    |-- types    //类型定义目录
    |   |-- index.d.ts   //类型定义文件
    |-- cores   //核心代码目录
        |-- drawBlock.js  //绘制矩形api文件
        |-- drawImage.js  //绘制图片api文件
        |-- drawLine.js   //绘制线条api文件
        |-- drawText.js   //绘制文本api文件
        |-- tool.js       //辅助公用函数文件

使用方法

  1. 使用案例在 test/app.js 里

本地调试流程

  1. npm run test //它会启动test/spp.js 服务，
  2. 用网页访问刚才的服务器地址，它会通过导入文件获取config1.js里的数据然后生成海报返回给浏览器

Readme

Keywords

Package Sidebar

Install

npm i @heibaiepei/node-poster

Weekly Downloads

0

Version

1.0.3

License

ISC

Unpacked Size

2.71 MB

Total Files

14

Last publish

Collaborators

  • heibaiepei
Try on RunKit
Report malware