不谈使用转账付款交易截图的用途是什么,我这里只谈怎么通过代码来实现这个功能的思路,以及用到的技术。
最近有个客户找到探奇客需要定制一个截图生成的工具。开发后的效果是这样的
开发这个转账付款交易截图生成器用到了这些组件,这里就直接截图源码,懂技术的都可以看懂。
下面再说说实现的思路
使用 fabric.min.js预设对应的文字和图片占位并调整好x和y坐标。然后再通过右侧的输入框填写文本或者上传图片替换占位的字符或图片。
我这里有个二维码生成的功能,用的是qrcode.min.js实现的。
下载图片使用的是html2canvas.min.js,
只需要使用这3个js组件库,就可以实现转账付款交易截图了。