hmtl生成图片
开发工具与关键技术:Visual Studio 2015
作者:Mr_恺
撰写时间:2019.04.26
我们用hmtl代码用生成图片,其实并不难,关键的就是布局,剩下的就可以交给我们的插件大哥完成生成图片的效果了。
我这里用bootstrap-4.1.3-dist插件进行总布局:
其实在布局里面,我用了模态框,主要就是通过点击生成图片的按钮,把生成的图片从模态框那里打开显示出来,模态框代码如下:
布局的效果:
然后就给生成图片的按钮设置方法,关键的是先把html2canvas.js插件引进来,
就按官方规定的格式进行使用。
这样就把生成图片按钮的方法搞定,我们来看一下效果:
html2canvas.js插件的官方使用方法: