区分微信小程序是否支持canvas 2d

最近使用EChart在小程序上做图表显示功能，EChart官方有以下提示

这肯定要使用啊，支持高配我为啥要选低配呢。。。

于是乎对着自己做出来的图表越看越喜欢，虽然我也不知道使用Canvas 2d变化在哪，但是感觉就是不一样。

所有功能开发完之后，上手机测试发现简直就是完美的无懈可击。接下来就在电脑上打开了一下。。。我辛苦画出来的图她不见了。。。

为了找到我丢失的图像，我在网上一顿搜索发现微信电脑端不支持Canvas 2d，原来是微信把我的图搞丢了

几经思索之后我想大概是电脑端的微信还不认识拥有Canvas 2d渲染之后的我的图，这没办法，咱也不能打他，咱也不能骂他，他记忆力这么差也记不住我的图，只好把我的图变为了原来的样子，EChart官方给的提示，如果仍需使用旧版 Canvas，使用方法如下：

<ec-canvas id="xxx" canvas-id="xxx" ec="{{ ec }}" force-use-old-canvas="true"></ec-canvas>

果然这样运行后，电脑端的微信认出了漂亮的我的图，但是为了这个记忆力差的微信电脑端我怎么能就这样舍弃我完美的图呢。。。

微信官方API wx.getSystemInfo(Object object)

这个接口返回信息里有一个字段 platform，这个东西会告诉你微信客户端平台类型，在页面初始化的时候调用wx.getSystemInfo，当platform返回信息是"windows"时说明是在PC端调用，MAC OS系统不知道是否支持canvas 2d，如果不支持，使用wx.getSystemInfo返回platform的信息应该是"MAC"，一样可以起到判断的效果。

这样就通过访问平台类型区分了是否支持canvas 2d，也希望微信电脑端能尽快支持canvas 2d，毕竟devTools都能预览，电脑端实现应该不难。

区分微信小程序是否支持canvas 2d相关推荐

在H5、微信小程序中使用canvas绘制二维码、分享海报
在H5.微信小程序中使用canvas绘制二维码.分享海报文章目录在H5.微信小程序中使用canvas绘制二维码.分享海报前言一.canvas绘制二维码 1.H5中使用canvas 2.微信小程 ...
微信小程序中的canvas基础应用
学了东西还是要记录一下,刚入职的小萌新啊,运气好分到一个项目不是很急的组原以为时间多了可以多学一些东西,但是发现好像不知道从哪里开始下手,我太南了.... 看旁边的实习生同事一直在搞canvas,自己 ...
微信小程序将支持分享到朋友圈；美团入局社区团购；Kotlin 1.4-M3 发布 | 极客头条
整理 | 屠敏头图 | CSDN 下载自东方 IC 「极客头条」-- 技术人员的新闻圈! CSDN 的读者朋友们早上好哇,「极客头条」来啦,快来看今天都有哪些值得我们技术人关注的重要新闻吧. 一分钟 ...
区分微信小程序版本（开发工具中、开发版、体验版、正式版）的方法？
平凡也就两个字: 懒和惰; 成功也就两个字: 苦和勤; 优秀也就两个字: 你和我. 跟着我从0学习JAVA.spring全家桶和linux运维等知识,带你从懵懂少年走向人生巅峰,迎娶白富美! 关注微信 ...
html css 微信小程序,tailwindcss 支持微信小程序配置
安装postcss插件 npm install -D postcss-class-rename postcss-class-rename 是将小程序不支持的css类重命名 tailwindcss配置移 ...
微信小程序不支持打开非业务域名_微信小程序显示不支持打开非业务域名的解决方法...
随着科技时代的进步,无论是软件还是硬件都在飞速的成长和创新,从以前大多数都是软件到现在快应用小程序的出现,都是经历了非常多的时间演变,才慢慢的到了如今这个地步. 快应用:九大手机厂商基于硬件平台共同推 ...
【微信小程序控制硬件15 】开源一个微信小程序，支持蓝牙快速配网+WiFi双控制ESP32-C3应用示范；（附带Demo）
文章目录一.前言二. Blufi乐鑫自研的蓝牙配网协议 ESP32 配网流程流程图三.相关代码 3.1 蓝牙快速配网 3.2 蓝牙本地控制 2.3 外设驱动 3.1 蓝牙搜索 3.2 蓝牙服务 ...
微信小程序之用canvas给微信头像加小红旗(canvas无法使用网络资源绘画)
微信小程序之使用canvas给微信头像加小红旗情境:新中国成立70周年,普天同庆.昨天看到朋友圈中被刷屏的@官方微信给自己的头像加小红旗.服务器被卡爆,很多朋友说换头像不成功. 任务:打算自己写一 ...
ar 微信小程序_微信小程序可支持实现AR效果
原标题:微信小程序可支持实现AR效果微信官方公众号"微信公开课"发文称,今天起,小程序可实现AR效果了,包括了:AR试穿.AR逛展等等.其中,首个支持AR动态试妆的美妆品牌小程序 ...
微信小程序不支持打开非业务域名_一行代码网站封装微信小程序，并解决微信小程序不支持打开非业务域名https://,请重新配置的问题！...
一行代码封装微信小程序利用「」一行代码原封不动的把你现有博客或者网站封装成小程序. 第一步注册微信小程序账号并登陆,点击菜单栏 "开发" 中的"开发设置", ...

区分微信小程序是否支持canvas 2d

区分微信小程序是否支持canvas 2d相关推荐

最新文章

热门文章