html转化成图片，相当于生成海报，长按保存到手机

0?0

于 2020-03-23 14:14:16 发布

阅读量1.5k

点赞数

分类专栏： jQuery 文章标签： canvas

本文链接：https://blog.youkuaiyun.com/weixin_42301962/article/details/105047558

版权

本文介绍如何将HTML内容转化为图片，类似于生成海报。通过引入html2canvas.min.js库，结合JavaScript和CSS，可以实现点击按钮将网页部分区域转化为高清图片，方便用户长按保存到手机。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

html

<div class="tab-con" id="erweima">
	<div class="erweima-box">
		<div class="erweima">
			<div class="top">
				<span>扫码支付</span>
				<span>排队免单</span>
			</div>
			<div class="img-box">
				<img src="images/erweima.png" />
			</div>
			<p>凡参与免单活动的商品/服务<br/>不支持退款，请理性购买！</p>
		</div>
		<div class="erweima-bottom">
			<span><i class="iconfont icon-wxpay"></i>微信支付</span>
			<div class="right">
				<img src="images/erweima.png"/>
				<p>关注排呗<br/>排队免单公众号</p>
			</div>
		</div>
	</div>
</div>

js
点击这里，下载html2canvas.min.js