html生成海报-web网站生成海报功能，怎么实现呢用 html2canvas？

在一些日常宣传推广营销活动中有一个非常重要的环节,那就是理念的传播,理念可以彰显一个企业的品牌形象、企业文化等众多因素。而海报是企业传播理念比较常用的手段,除了传统意义上说的那种图片海报,H5海报凭借其更加灵活的形式和丰富的内容而越来越受到企业的喜欢,传播理念采用H5海报成为一种新的选择。

人人秀H5海报――功能介绍

使用人人秀代言海报功能,可以在h5中制作海报模板,发布作品后,用户通过上传图片、照片,合成自己的专属海报。

人人秀H5海报――服务优势

用户参与度高、裂变吸粉

人人秀H5海报――应用场景

产品宣传海报:将品牌海报中代言人的位置镂空,让用户上传自己的照片,合成一张海报。人人都是产品的代言人。

书籍、影视代言:镂空名著封面或专辑中人物头像,让用户上传自己的照片,合成属于用户自己的书籍和专辑。

/

给你个傻瓜网址,把连接放上,生成就可以了。要别的花样请Q

<button id="capture">截屏</button>

<div id="qrcode" style="width: 0; height: 0; line-height: 0;overflow: hidden;"></div>

<div id="screenshoot"></div>

<script>

('DOMContentLoaded', function(e) {

const qrcode = new QRCode('qrcode', {

text: ,

});

();

const capture = ('#capture');

('click', function() {

html2canvas().then(function(canvas) {

const ctx = ('2d');

(('#qrcode img'), 0, 0);

(canvas);

});

})

});

</script>