canvas拖拽电子签章 想盖哪里就拖哪里

背景：

现在代码生成合同，并且附带电子章水印，这个功能已经很常见了，前提是你知道电子章水印要盖在哪里。

如果是客户上传的合同呢，合同内容千差万别，那章的位置可能是个未知数。

下面分析一个手动拖拽电子签章的方法

 

先看效果图：

下面是个canvas，左边是合同，可以是pdf等jpg文件；右边是公章，你可以随意拖拽，之后点击确认签章按钮即可，生成盖好章的图片。

 

代码说明：

1. 页面中整个布局是个canvas，左边是合同的img标签，右边是电子章的img标签。 html代码详见github

2. 如果左边合同的pdf文件，那么pdf需要转成jpg文件。java代码详见github