<div>使用html2canvas将html保存为图片</div>
<a download="使用html2canvas将html保存为图片.png"><img/></a>
<style>
div {
position:fixed;
top:200%;
background: -webkit-linear-gradient(left, red, orange, yellow, green, blue, indigo, violet);
background: -o-linear-gradient(left, red, orange, yellow, green, blue, indigo, violet);
background: -moz-linear-gradient(left, red, orange, yellow, green, blue, indigo, violet);
background: linear-gradient(to right, red, orange, yellow, green, blue, indigo, violet);
}
</style>
<script>
html2canvas(document.querySelector("div")).then(canvas => {
var t = canvas.toDataURL("image/png");
document.querySelector('img').src = t;
var a = document.querySelector('a');
a.href = t;
a.click();
});
</script>
使用html2canvas将html保存为图片
最新推荐文章于 2024-06-27 21:59:19 发布