Div通过html2canvas.js生成一张图片(可跨域)

第一次开发图片合成时的解决方案:

html

<div id="capture" style="padding: 10px; background: #f5da55">
    <h4 style="color: #000; ">Hello world!</h4>
</div>

js:

html2canvas(document.querySelector("#capture")).then(canvas => {
    document.body.appendChild(canvas)
});

js地址：http://html2canvas.hertzen.com/dist/html2canvas.js

官网地址：http://html2canvas.hertzen.com/

html2canvas(document.querySelector(".poster_template_con"),{useCORS:true,logging:true}).then(canvas => {
                document.body.appendChild(canvas);
            });

谷歌和百度浏览