html2canvas 部分iPhone手机无效

最新推荐文章于 2022-11-10 15:17:13 发布
最新推荐文章于 2022-11-10 15:17:13 发布
阅读量953 收藏
点赞数
分类专栏： React JavaScript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/admin_yi/article/details/115706901
版权
博客作者遇到了一个技术问题，即在特定手机上使用html2canvas时，`then`和`catch`都不执行。通过搜索找到解决方案，将html2canvas版本切换到1.0.0-rc.4，成功解决了这个问题。
摘要由CSDN通过智能技术生成

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

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

只能搜索大法了？

然后发现了这个~

20210403212749.jpg

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

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

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

果不其然~~~完美解决

Zhany9
关注
专栏目录
html2canvas苹果不显示图片,html2canvas页面截图图片不显示
weixin_28765561的博客
06-04 1646
前两天在一个群里，有人问使用html2canvas屏幕截图的时候为什么页面的图片不显示只显示了文字，我没有做过屏幕截图的需求，所以不是很清楚，今天稍稍测试了一下。在github上将html2canvas源码下载到本地，examples文件夹里有三个示例demo，这三个demo都是纯文字不包含图片的，前两个demo是打开之后直接就生成图片展示出来了，第三个是一个按钮触发生成，这里使用第三个demo来...
html2canvas在手机不行,html2canvas - 在iOS设备上崩溃
weixin_42303107的博客
06-11 2698
我为客户端建立了一个系统，它允许您选择或上传汽车图像，在中键入数字，然后移动/调整大小/旋转/将板倾斜到正确的位置，然后下载图像：html2canvas - 在iOS设备上崩溃这都是每次我在测试设备上精美工作，除了iPhone手机，其中最后一部分 - 下载图像 - 崩溃的页面并使其重新加载。这在我测试过的任何其他设备上都不会发生，包括Android，Windows甚至Macbook上的Safari...
html2canvas 在ios13.4.1系统中不生效 解决方案
板砖工KO水泥匠
05-15 2590
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在 ios13.4微信内置浏览器中无反应，截取不全等问题及解决方案
最新发布
Jensonhui's Blog
11-10 1509
html2canvas在 ios13.4微信内置浏览器中无反应，截取不全等问题及解决方案
HTML2CANVAS 在IOS13系统中不生效 解决方案
沉睡的博客
04-02 1063
HTML2CANVAS 在IOS13系统中不生效 解决方案 两种解决方案 第一种，修改【HTML2CANVAS 】的版本，更改为【1.0.0-RC.4】 文件下载 如果上述无法解决你的问题 再使用第二种方法 /** * 生成分享图片 */ toHtmlCanvasShareFn() { // 修改前代码 html2canvas(this.$refs.htmlCanvas,...
H5使用html2canvas生成海报在ios系统上不好使
m0_45445193的博客
01-28 2505
html2canvas生成海报在ios系统上不好使
html2Canvas:解决html2Canvas在IOS13.4中失效问题
05-12
html2Canvas 解决html2Canvas在ios13.4中失效问题 // 引入 import html2canvas from "../../lib/html2canvas"; // 使用, 全局window对象加入html2canvas，如果没有window就调用原来的，所以需要做判断 (window....
vue中html2canvas在IOS13以上失效的问题解决办法
mengmeng1_的博客
09-29 2004
一、问题描述 最近在开发 html2canvas 的时候，突然发现，html2canvas在IOS13.4系统中调用失败。一直是不会去调用的，头都要秃了一直找办法，后面在面向百度编程中找到了答案。 二、解决方案 1.首先将 package.json 中的 html2canvas 版本降低为【1.0.0-rc.4】 版本降低方法 首先移除 html2canvas 【npm uninstall html2canvas】 然后安装指定版本 【npm install --save html2canvas@1.0.0
关于canvas.toDataURL 在iOS运行失败的问题解决
11-19
首先，`canvas.toDataURL()`方法是HTML5 Canvas API的一部分，用于将画布的内容转换为一个data URL，通常是一个包含图像数据的base64编码字符串。这个方法在很多场景下都非常有用，比如创建可分享的图像或保存用户...
HTML移动端开发常见的兼容性总结
weixin_44411302的博客
12-06 1413
1、安卓浏览器看背景图片，有些设备会模糊。 用同等比例的图片在PC机上很清楚，但是手机上很模糊，原因是什么呢？ 经过研究，是devicePixelRatio作怪，因为手机分辨率太小，如果按照分辨率来显示网页，这样字会非常小，所以苹果当初就把iPhone 4的960640分辨率，在网页里只显示了480320，这样devicePixelRatio＝2。现在android比较乱，有1.5的，有2的也有3...
HTML5移动端开发常见的兼容性总结
qq_41359437的博客
04-20 1064
安卓浏览器看背景图片，有些设备会模糊。 用同等比例的图片在PC机上很清楚，但是手机上很模糊，原因是什么呢？ 经过研究，是devicePixelRatio作怪，因为手机分辨率太小，如果按照分辨率来显示网页，这样字会非常小，所以苹果当初就把iPhone 4的960640分辨率，在网页里只显示了480320，这样devicePixelRatio＝2。现在android比较乱，有1.5的，有2的也有3...
html2canvas不能在ios 13.4上没反应解决
weixin_43887143的博客
05-20 3151
html2canvas不能在ios 13.4上没反应-已解决* html2canvas: "1.0.0-rc. 5"版本在运行在苹果13.4系统下方法进去了没反应，也不能转换图片，安卓没问题，微信内置浏览器不行(真机)； 解决办法： 卸载npm uninstall html2canvas 重新npm i html2canvas@1.0.0-rc.4; 就可以解决问题了； ...
解决html2canvas 在ios上不能使用的问题
YAN_wenhao的博客
10-15 6293
因为公司的开发需要，安装了html2canvas插件。 但是坑爹的是，在网页、android上测试正常，在ios上却使用不了。 特此记录下解决的方法： 1.vue环境下运行以下指令： npm uninstall html2canvas npm i html2canvas@1.0.0-rc.4; 2.修改程序： let that = this let ref = this.$refs.result // 截图区域 console.log('开始截图') new htm
html2canvas 在 ios13版本生成图片失效
纸飞机博客
02-17 3354
我能做的不多，但你需要的时候，我总是在的。 上图红色框中的部位为自定义的内容，剩余部分为背景图。 经测试，在安卓中，能如上图保存完整，在ios13系统以上失效。 解决方案： 1.将html2canvas的版本调整为如下： package.json中： "html2canvas": "1.0.0-rc.4", 修改后删掉node_modules重新装包。 2.需在生成的页面以至于上图的外层区域设置font-family font-family: Helvetica, Tahoma, Arial, 'P.
html2canvas 苹果手机,html2canvas not capturing text in textarea on iPhone
weixin_28987547的博客
06-23 255
I'm trying to capture text in textarea. it is working fine on windows and Android. but not working on iPhone. I'm using the latest html2canvas version.here is the linkHere is the codeHTMLJQuerytextare...
html2canvas 苹果手机,html2canvas 部分iphone手机机型出现空白
weixin_26765363的博客
06-23 1088
html2canvas转canvas后,部分iphone手机机型出现空白.测试的机型及结果:1.iphoneX 系统11.3.1 空白2.iphone6p 系统9 空白3.iphone6s 系统11.3 正常4.iphone6 系统12 正常5.安卓 系统7 正常6.iphone7 ios11 空白关键代码如下:let node = document.getElementById('pr...
html2canvas 在 ios13 上不执行的bug
搬砖小白灿哥哥
04-29 7130
在ios13上html2canvas.then不执行也不报错，解决方法，使用rc4版本的js可以解决 https://github.com/niklasvh/html2canvas/releases/tag/v1.0.0-rc.4 解决了给我点个赞
html2canvas踩坑-安卓因屏幕分辨率高生成图片过大，导致无法分享图片问题
weixin_45650243的博客
01-08 3029
html2canvas踩坑–安卓因屏幕分辨率高生成图片过大，导致无法分享图片问题 前置条件： 年关将至，需求是活动类。要求根据后端返回的字段合成海报3屏长度的海报分享微信。因为开发的时候是用 chrome 模拟html2canvas生成图片后没有发现有问题，但是用真机调试时,发现安卓手机始终调不起微信卡住了。 排查过程： 通过在安卓手机调试发现，安卓机生成海报的大小要比ios生成的海报大的多。由此推测可能是移动端像素密度计算的问题。 设备像素比 (简称 dpr) 定义了物理像素和设备独立像素的对应关系，它
html2canvas插件在ios13.4中不执行问题解决方案
cindy647的博客
10-16 1727
用html2canvas插件将dom转为canvas在iphone11(ios 13.4.1)，微信环境里不执行也不报错，一直进不去.then()后面的逻辑，解决方案如下： 具体将页面转为img图片,实现微信长按保存图片的步骤可见笔记： https://blog.csdn.net/cindy647/article/details/109123014 方案一 搜索到一个解决办法是降低html2canvas的版本，退回到4即可： "html2canvas": "1.0.0-rc.4", 亲测可行，但不确定.
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值