html2canvas 部分iPhone手机无效

最新推荐文章于 2023-03-27 16:17:30 发布
最新推荐文章于 2023-03-27 16:17:30 发布
阅读量822 收藏
点赞数
分类专栏： React JavaScript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Admin_yi/article/details/115706901
版权

刚遇到时有点懵，为啥？其他手机都没问题，发生了什么？

然后，更诡异的事情也随之而来，then没执行，catch也没执行？？？

只能搜索大法了？

然后发现了这个~

20210403212749.jpg

亲人啊，多么朴实无华的提问，单词全认识。。。

然后解决方案有了切换到rc.4版本

"html2canvas": "1.0.0-rc.4",

果不其然~~~完美解决

Zhany9
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
专栏目录
html2canvas_iPhone7P.js
06-30
为解决iPhone7P生成失败的版本
html2canvas dom-to-image dom-to-image-more html-to-image生成图片踩坑小记
April_99的博客
04-23 1346
最终，不这还没到最终，我引入这个库以后，生成图片之前先将表格宽度加到最大，不让table内部存在滚动条，而是直接利用整个视窗的滚动条。然后我梦寐以求的iOS生成图片终于实现了。最后的方案是：创建一个新的Canvas对象，设置它的宽高与图片的宽高相同，然后将图片绘制在画布上，并将画布转换为base64格式的URL。就在我一筹莫展之际，chat告诉我还有dom-to-image-more这玩意儿，是dom-to-image的优化版本，很好的解决了iOS的兼容性问题...很好，说干就干，而且看到。
浅谈html2canvas实现浏览器截图的原理
前端程序猿steven的博客
12-16 7741
1、什么是html2canvas html2canvas可以直接截取特定dom元素内的所有内容并导出图片 官网地址： http://html2canvas.hertzen.com/ 2、使用方式 安装 npm i html2canvas -S 引入使用 // vue文件 <!-- 海报html --> <template> <div class="c-code" v-if="showOriImg"> <div clas
html2canvas 在 ios13 上不执行的bug
搬砖小白灿哥哥
04-29 7051
在ios13上html2canvas.then不执行也不报错，解决方法，使用rc4版本的js可以解决 https://github.com/niklasvh/html2canvas/releases/tag/v1.0.0-rc.4 解决了给我点个赞
html2canvas.js使用过程中在ios下遇到的bug——截图不完整
lerayZhang的博客
01-30 1万+
最近在做一个人脸识别的项目，最终生成图，需要长按保存（保存的是一个DIV里所有的内容截成图），也可以不用html2canvas，但是让设计重新作图再上传图比较麻烦，虽然有bug，但是就是这么执着，仍然用了html2canvas.js这款插件。 之前就有听说html2canvas这个插件存有bug，但是之前用过一次且没有遇到，自从IOS出来后，且又刚刚在新项目中使用到，IOS11下遇到多个bug，
iOS15系统使用html2Canvs截图后保存图片到手机相册空白的解决办法，亲测有效！
m0_67043803的博客
03-27 1145
ios15.5以及ios15.4使用html2canvas截图/保存图片到手机相册时出现空白图片的解决办法
html2canvas 在ios13.4.1系统中不生效 解决方案
板砖工KO水泥匠
05-15 2494
html2canvas 在ios13.4.1系统中不生效 一、问题描述 最近在开发 html2canvas 的时候，突然发现，html2canvas在IOS13.4.1系统中调用失败。后马上去github上查看是否有同道中人遇到类似问题。 二、解决方案 1.首先将 package.json 中的 html2canvas 版本降低为【1.0.0-rc.4】 "dependencies": { "html2canvas": "^1.0.0-rc.4", "less": "^3.11.1",
html2canvas苹果不显示图片,html2canvas页面截图图片不显示
weixin_28765561的博客
06-04 1587
前两天在一个群里，有人问使用html2canvas屏幕截图的时候为什么页面的图片不显示只显示了文字，我没有做过屏幕截图的需求，所以不是很清楚，今天稍稍测试了一下。在github上将html2canvas源码下载到本地，examples文件夹里有三个示例demo，这三个demo都是纯文字不包含图片的，前两个demo是打开之后直接就生成图片展示出来了，第三个是一个按钮触发生成，这里使用第三个demo来...
html2canvas 在 ios13版本生成图片失效
纸飞机博客
02-17 3175
我能做的不多，但你需要的时候，我总是在的。 上图红色框中的部位为自定义的内容，剩余部分为背景图。 经测试，在安卓中，能如上图保存完整，在ios13系统以上失效。 解决方案： 1.将html2canvas的版本调整为如下： package.json中： "html2canvas": "1.0.0-rc.4", 修改后删掉node_modules重新装包。 2.需在生成的页面以至于上图的外层区域设置font-family font-family: Helvetica, Tahoma, Arial, 'P.
html2canvas在 ios13.4微信内置浏览器中无反应，截取不全等问题及解决方案
Jensonhui's Blog
11-10 1317
html2canvas在 ios13.4微信内置浏览器中无反应，截取不全等问题及解决方案
H5使用html2canvas生成海报在ios系统上不好使
m0_45445193的博客
01-28 2286
html2canvas生成海报在ios系统上不好使
html2canvas 1.0.0-rc.5
07-27
低版本HTML2canvas 前端开发 生成海报 截图等功能 1.该脚本允许您直接在用户浏览器上对网页或其部分进行“截图”。屏幕截图基于 DOM，因此可能不是 100% 准确到真实表示，因为它不会制作实际的屏幕截图，而是根据...
html2canvas(1.0.0)
02-22
html2canvas改过后的插件
html2canvas.js 绘制图片
03-22
通过 html2canvas对video视频点击按钮进行截取视频图片，获取base64图片
html2canvas.js
03-11
我是在html2canvas官网http://html2canvas.hertzen.com/下载的js文件 在实际使用的时候发现其init方法只是将document转换为了canvas，并没有保存为图片这一步。 所以我在此基础上进行了扩展，可以调用我封装的方法...
JavaScript字符串去重的四种方法
热门推荐
前端学习笔记
02-08 2万+
方法一：for遍历 function quchong1(str){ var newStr=""; var flag; for(var i=0;i<str.length;i++){ flag=1; for(var j=0;j<newStr.length;j++){ if(str[i]==newStr[j]){ flag=0; break; } }
JS 将Table数据导出到Excel表
前端学习笔记
04-21 1万+
通过JavaScript方法将table中的数据导出在excel表中，使用方便，可以直接浏览器直接下载所需要的excel表，一般适用于后台管理的导出数据需求。使用方法1.对table标签设置id，例如：id=”ta” 2.点击按钮调用<button onclick="javascript:method1('ta')">导出EXCEL</button>实现过程var idTmr; function
高德地图---已知两点经纬度坐标求距离和角度
前端学习笔记
04-20 1万+
计算两个坐标点之间的距离function calcDistance(lonA,latA,lonB,latB) { var earthR = 6371000; var x = Math.cos(latA * Math.PI / 180.) * Math.cos(latB * Math.PI / 180.) * Math.cos((lonA - lonB) * Math.PI / 180
JS算法 GPS国际坐标转换成高德火星坐标
前端学习笔记
04-13 1万+
高德API坐标转换：http://lbs.amap.com/api/webservice/guide/api/convert/ 算法优势高德API自带坐标转换方法，每次转换都需要一次请求，效率太低。当你需要批量将GPS国际坐标转换成高德的火星坐标时，使用本算法，会有意想不到的性能提升。使用方法GPS.gcj_encrypt("纬度","经度"); // 函数返回转换后的高德坐标代码实现var GPS
html2canvas部分文字丢失
最新发布
06-02
如果html2canvas截图时会出现部分文字丢失的情况，可能是由于以下原因导致的： 1. 文字被其他元素遮挡。这种情况下，可以尝试将需要截图的元素的z-index属性值设置为较大的值，确保其在最上层。 2. 文字的字体或...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值