html2canvas 跨域图片不显示

最新推荐文章于 2024-04-25 10:41:05 发布

蜜糖清蒸小鱼儿

最新推荐文章于 2024-04-25 10:41:05 发布

阅读量624

点赞数

分类专栏： jquery 文章标签： html2canvas

本文链接：https://blog.csdn.net/qq_28263801/article/details/102891838

版权

jquery 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

使用html2canvas想要将下面这个div里面的东西截成一张图，但是那个头像截图保存不进去
原有div内容 html2canvas截图后生成的图片
解决方案如下：

<div id="saveImg">
				<div class="qr-box">
					<img src="../img/qrcode1.png" />
					<p class="center f-28 c-ff niname">微信昵称</p>
					<img class="headImg" crossorigin="anonymous"/>
					<div id="qrcodeBox">
						<!--二维码-->
					</div>
				</div>
			</div>
			<div id="imgShowBox">
				<!--二维码显示img-->
			</div>

	function saveImg() { //保存二维码到相册
		html2canvas(document.getElementById('saveImg'),{
				useCORS:true //设为true 是否尝试使用CORS从服务器加载图像
			}).then(function(canvas) {
			    document.getElementById('imgShowBox').appendChild(canvas);
			});
			setTimeout(function() {
				$('#saveImg').hide();
				$(".loading").hide();
			}, 10);
	}