代码拉取完成，页面将自动刷新
JS 实现写字板功能
Base64字符串Blob|File对象Using npm:
$ npm i -g npm
$ npm i writing-panel
In web browsers:
<script src="bundle.js"></script>
window.devicePixelRatio，如果开始此选项，则在设置画布/面板的width和height属性值时，需要根据设备像素比进行计算，默认为false。const writingPanel = new WritingPanel(canvasElement, panelConfigOption);
参数：
canvasElement: HTMLCanvasElement，canvas画布元素options: PanelConfigOption，面板参数配置对象的实例writingPanel.setPanelBgColor(color);
参数：
color 颜色值，默认值为null，使用PanelConfig.panelBgColor属性值返回：
writingPanel - 当前面板实例对象writingPanel.getPanelBgColor();
返回：
string | undefinedwritingPanel.setPanelHeight(height);
参数：
height：number类型返回：
writingPanel-当前写字板实例对象writingPanel.getPanelHeight();
获取计算后的面板元素的综合高度值
返回：
string类型，单位：pxwritingPanel.setPanelWidth(width);
参数：
width：number类型返回：
writingPanel-当前写字板实例对象writingPanel.getPanelWidth();
获取计算后的面板元素的综合宽度值
返回：
string类型，单位：pxwritingPanel.restorePanelWH(rstWidth, rstHeight);
还原面板原始宽高比例。在设置了面板的宽度或高度后，可以使用此方法对面板宽度或高度进行还原。
参数：
rstWidth: boolean，还原面板宽度，默认值为 true。rstHeight: boolean，还原面板高度，默认值为 true。返回：
voidwritingPanel.setLineWidth(width);
参数：
width: number 类型返回：
writingPanel - 当前写字板实例对象writingPanel.setLineCap(value);
参数：
value: CanvasLineCap 类型返回：
writingPanel - 当前写字板实例对象writingPanel.setLineColor(color);
参数：
color: string 类型返回：
writingPanel - 当前写字板实例对象writingPanel.clearPanel(clearRecordFlag, resetPanelBgcFlag);
参数：
clearRecordFlag: boolean类型，是否清除线条记录，默认值为 true.resetPanelBgcFlag: boolean类型，是否重置面板背景色，默认值为 true.writingPanel.getBase64();
返回：
writingPanel.getImgBlobOrFile(type, fileName);
参数：
string类型，有两种可选类型(blob|file)，默认值为blob，可选。string，文件名称，可选。返回
Promise: Promise<Blob | File>writingPanel.saveImgFile(fileName);
功能同downloadImgFile()方法，返回值为Promise类型，下载结束后可使用.then()方法执行其它相关操作。
参数：
fileName: 图片文件名称，如果不传则使用随机文件名称返回：
Promise: Promise<any>writingPanel.downloadImgFile(fileName);
功能同功能同saveImgFile()方法，返回值为Promise类型，下载结束后可使用.then()方法执行其它相关操作。
参数：
fileName: 图片文件名称，如果不传则使用随机文件名称返回：
Promise: Promise<any>writingPanel.revoke();
writingPanel.recover();
writingPanel.setPanelCursorStyle(cursorStyle);
参数：
cursorStyle: string类型，光标样式返回：
voidwritingPanel.isEmpty();
返回：
booleanwritingPanel.destroy();
返回：
voidwritingPanel.openMask();
仅针对当前面板容器的范围设置蒙层，当面板容器的大小发生变化时，蒙层大小不会随之而改变。
返回：
voidwritingPanel.closeMask();
返回：
void更新日期：2022-08-07
此处可能存在不合适展示的内容，页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容，可点击提交进行申诉，我们将尽快为您处理。
马建仓 AI 助手