绘制印章的开源工具DrawStampUtils使用

最近写了一个绘制印章的工具DrawStampUtils，具有比较完整的印章修改效果，定制化度较高，git地址(https://github.com/xxss0903/drawstamputils)，也可以在npmjs中搜索DrawStampUtils即可

  // 将要绘制的canvas组件的引用传入，还有就是对应的毫米转像素的大小传入即可
  const stampCanvas = ref<HTMLCanvasElement | null>(null)
  const MM_PER_PIXEL = 10 // 毫米换算像素
    const drawStampUtils = new DrawStampUtils(stampCanvas.value, MM_PER_PIXEL)
    drawStampUtils.refreshStamp()

效果如下

印章的设计界面包含了标尺方便进行大小测量以及定位

整体包含了常用的印章设计内容，公司名称，印章类型，印章编码，税号等等。
通过获取对应的配置即可修改绘制，下面用绘制五角星作为示例：

  // 首先获取到五角星的配置，然后设置配置中的参数，最后重新绘制即可
  const updateDrawConfigs = () => {
    const drawConfigs = drawStampUtils.getDrawConfigs()
    const drawStar: IDrawStar = drawConfigs.drawStar
    drawStar.drawStar = true
    drawStar.starDiameter = 11
    
    drawStampUtils.refreshStamp()
  }

更多的示例请参考demo项目，demo使用vue3写的，但是库对于react也同样适用。