@sv-print/plugin-api-image

给 sv-print 提供导出图片的 API 插件。

安装

npm install @sv-print/plugin-api-image

import pluginApiImage from "@sv-print/plugin-api-image";
const plugins = [pluginApiImage({})];

示例

let hiprintTemplate = new hiprint.PrintTemplate(options);
// 其中 “text” 是一个元素的 “字段名(field)”
let printData = { text: "这是打印时显示的文本" };
// 导出图片, 获取 url/blob 对象
const res = await hiprintTemplate.toImage(printData, {
  isDownload: false, // 不自动下载
  name: "图片名称",
  limit: 10, // 默认 10  多少页为一个 图片文件, 太多 图片文件就很长
  type: "image/jpeg", // 默认 image/jpeg   --> canvas.toDataURL(type, quality)
  pixelRatio: 2, // 图片像素比  2: 提高清晰度 默认 window.devicePixelRatio.
  quality: 0.8, // 默认 0.92  图片质量 0-1
  toType: "url", // 默认 url   支持: url、blob
  onProgress: (cur, total) => {
    const percent = Math.floor((cur / total) * 100);
    console.log("toImage 进度", percent);
  },
});
console.log("toImage", res);

License

LGPL

开源使用须知

1.请自觉遵守 LGPL 协议，其他用途可联系作者；

2.允许用于个人学习、毕业设计、教学案例、公益事业、商业使用；

3.如果商用必须保留版权信息，请自觉遵守；

4.禁止将本开源的代码和资源进行任何形式任何名义的出售，否则产生的一切任何后果责任由侵权者自负；

5.商用请仔细审查代码和漏洞，不得用于任一国家许可范围之外的商业应用，产生的一切任何后果责任自负；