这些天碰到
vue使用html2canvas在ios13.6中一直处于生成中状态
的问题在网上也找到了几种方法
有的说是降低html2canvas的版本 降为1.0.0-rc.4,我现在通过cnpm安装的是1.0.0-rc.7版本的,但是在其中有一个问题。网上其他的文章说是通过
npm uninstall html2canvas
先移除再使用
npm install --save html2canvas@1.0.0-rc.4
安装1.0.0-rc.4版本的html2canvas。在使用移除的时候我出现了
Cannot find module 'object-keys
报错。我就放弃了这种移除的方法。我直接在package.json 中删除了这个依赖。
在降低到1.0.0-rc.4版本后我打包并且部署到服务器之后还是ios13.6中失效。我在项目的全局搜索中发现
package-lock.json
这个文件中还是存在1.0.0-rc.7。我把这个文件种的1.0.0-rc.7配置删除之后 把node_modules删除并且在package.json 中删除了1.0.0-rc.4版本然后
cnpm install
再次安装1.0.0-rc.4版本html2canvas。打包部署后问题解决了
读起来可能有点绕 总结起来就是如果先安装了最新版的html2canvas的话需要:
1.package-lock.json文件中删除1.0.0-rc.7的配置信息
2.删除package.json 中1.0.0-rc.7与node_modules文件并运行cnpm install
3.安装1.0.0-rc.4版本html2canvas。
我的问题是这样解决的做一下记录
这些天碰到 vue使用html2canvas在ios13.6中一直处于生成中状态 的问题在网上也找到了几种方法有的说是降低html2canvas的版本 降为1.0.0-rc.4,我现在通过cnpm安装的是1.0.0-rc.7版本的,但是在其中有一个问题。网上其他的文章说是通过npm uninstall html2canvas先移除再使用npm install --save html2canvas@1.0.0-rc.4安装1.0.0-rc.4版本的html2canvas。在使用移除的时候我出现了Canno
uniapp开发app
使用
html2canvas
出现的ios兼容问题
记录一下app分享功能
uniapp没办法直接操作dom元素,之前小程序用的wx的插件在app
中
无法
使用
百度到了 uniapp app端
使用
html2canvas
和renderjs实现生成海报图的方法 下面有链接
<script module="renderScript" lang="renderjs">
import
html2canvas
from '
html2canvas
';
export default {
// 引入
import
html2canvas
from "../../lib/
html2canvas
";
//
使用
, 全局window对象加入
html2canvas
,如果没有window就调用原来的,所以需要做判断
(window.
html2canvas
||
html2canvas
)(shareContent, opts)
.then(canvas => {
let url = canvas.toDataURL("image/png");
console.log(url)
.catch(err => {
// do sth
用
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",
亲测可行,但不确定.
一、问题描述
最近在开发
html2canvas
的时候,突然发现,
html2canvas
在
IOS13
.4系统
中
调用失败。一直是不会去调用的,头都要秃了一直找办法,后面在面向百度编程
中
找到了答案。
二、解决方案
1.首先将 package.json
中
的
html2canvas
版本降低为【1.0.0-rc.4】
版本降低方法
首先移除
html2canvas
【npm uninstall
html2canvas
】
然后安装指定版本 【npm install --save
html2canvas
@1.0.0
在IOS新版本15.0及以上,
使用
canvas或
html2canvas
生成海报时,字体
使用
-apple-system,会导致海报生成失败(并且会导致页面一直重新加载),页面也没有报错,排查该问题比较麻烦(只能通过代码一块一块放开来定位bug的根因)。
解决方案:就是将字体-apple-system去除即可。
在
ios13
上
html2canvas
.then不执行也不报错,解决方法,
使用
rc4版本的js可以解决
https://github.com/niklasvh/
html2canvas
/releases/tag/v1.0.0-rc.4
解决了给我点个赞
微信H5商城持续维护,上周终于把团购搞完并顺利上线了。
还记此前
使用
html2canvas
生成分享图,也时不时的出现bug,本周商城很多用户反馈:分享图生成不了!!!
由于团购上线紧急,反馈用户也比较少,这个问题便稍稍搁置了,团购搞完了,这个问题也该提上议程了。
分析问题:
从用户处了解到全是IOS问题,找了半天没发现问题所在,加上公司同事手机都是Iphone,也都可以正常截图啊,无任何问题!!!...
开发时候发现
html2canvas
在
IOS13
.4以上发现问题,实现不了,发现网友说要降低版本到@1.0.0-rc.4,所以安装@1.0.0-rc.4版本实现发现可行
html:
<div id="
html2canvas
" @click="createdImg">
<img class="imgShow" src="@/assets/volunteer/worker/certificate
最近业务上遇到需要把div的内容生成图片,查了一下,比较好的js插件是
html2canvas
,
用下来也确实比较简单,但遇到一些坑,比如生成的图片比较模糊,或者报Error loading image
1.一开始用的0.5.0-beta4的版本,生成的图片很模糊,网上一大堆解决方案,但其实只要用新一点的版本就能解决问题。
2.于是我找了最新的版本下载地址v1.0.0-rc.5,虽然生成的图...