i-painter v1.0.0-beta.5

i-Painter

简化 Canvas 渲染逻辑为初心的轻量级插件。

• 解决了那些问题？
• 应用场景
• 未来构想
• 起步

解决了那些问题？

• 解决移动端 PX 转 REM 后的适配问题
• 解决了不同设备像素比海报生成模糊的问题
• 简化 Canvas 的开发流程

应用场景

• 简单的 Canvas 绘制的需求，譬如生成海报等功能

未来构想

• 当前框架处于 Bate 阶段，需要不断完善，希望做最简单的轻量级的 Canvas 插件

起步

下载安装：

npm install --save i-painter

示例

<!-- index.html -->
<script src="xx/xx/i-painter.js"></script>
<script>
  let Pen = new Painter(el);
</script>

import Painter from "i-painter";
let Pen = new Painter(el);

JSAPI

• 当前仅为测试版本，谨慎使用，有任何疑问和建议可以联系我 buerjia6688@163.com

绘制图片 drawImage()

Painter.drawImage(string || object);

绘制文字 drawText()

Painter.drawText(string || object);

绘制矩形 drawRect()

Painter.drawRect(object);

绘制圆形 drawRound()

Painter.drawRound(object);

转换为 Base64 getDataURL()

Painter.getDataURL();

下载图片 toDownload()

Painter.toDownload(filename);

转换为 Img 元素 toElementImage()

Painter.toElementImage();

• 当前仅为测试版本，谨慎使用，有任何疑问和建议可以联系我 buerjia6688@163.com