企业微信小程序使用ec-canvas报错非法颜色：none

最新推荐文章于 2024-01-15 15:51:00 发布

安颜丶

最新推荐文章于 2024-01-15 15:51:00 发布

阅读量998

点赞数 1

文章标签：微信小程序 javascript 前端

本文链接：https://blog.youkuaiyun.com/qq_24724153/article/details/122616585

版权

本文探讨了在开发企业微信小程序时遇到的一个常见问题——使用ec-canvas组件时出现非法颜色错误提示'none'。文章深入分析了错误原因，并提供了详细的解决方案，包括检查样式设置、确认canvas画布配置等，帮助开发者有效解决此类问题，确保小程序正常运行。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

解决办法

在wx-canvas.js里找到_initStyle方法添加以下代码即可解决
 var styles = [

      "fillStyle",

      "strokeStyle",

      "globalAlpha",

      "textAlign",

      "textBaseAlign",

      "shadow",

      "lineWidth"

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

安颜丶

关注关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
打赏
打赏
打赏举报

举报

微信小程序使用echarts显示折线图

v_loading的博客

05-08

870

#下载组件官网地址：微信小程序中使用 ECharts 1、将下载的 ecomfe/echarts-for-weixin 项目的 ec-canvas 目录拷贝到自己的项目下 2、若体积过大，可自己定制echarts.js文件地址：在线定制将下载的echarts.min.js文件改名为echarts.js文件并替换 #使用 ##wxml ```html <view class='echart_wrap'> <ec-canvas id="mychart4" canvas-id=

微信小程序Echarts图动态渲染

weixin_48419726的博客

10-10

1535

看了许多文档后，总结了一篇简单又完整的微信小程序添加echarts图表，大家可以试试哦

参与评论您还未登录，请先登录后发表或查看评论

微信小程序（4）：颜色问题

qq_42317011的博客

03-07

2621

在开发工具中，怎么用颜色都没啥问题，但一到真机调试阶段会有一些颜色无法显示，主要原因是在开发工具中的模拟器支持8位的颜色，而手机却只能支持6位，所以说尽量采用6位，如果要设8位，那两位好像是透明度，应该有特殊方法可以表示。还有就是在设置tabBar的字体颜色时，一定要用色值，是#XXXXXX，不能用 rgb(X,X,X)，使用TIM的截图加Ctrl键即可查看色值。所以保险起见在开发当中尽...

微信小程序子组件使用canvas无效，线条画不出颜色

weixin_43374226的博客

12-03

2115

微信小程序子组件使用canvas无效，线条画不出颜色 小程序中在page中直接使用canvas是这样使用的： // canvas 全局配置 var context = null; Page({ data: {}, onLoad:function(){ // 使用 wx.createContext 获取绘图上下文 context context = wx.createCanvasContext('canvas'); context.beginPath() context.set

微信小程序canvas画布不清晰解决方法

qq_21861771的博客

07-02

2334

模糊不清的时候多多进行调试一下就可以了多尝试新方案。添加以下代码,通过设置分辨率来解决。绘制的图片，文字等十分模糊。

echarts报错处理

蒙蒙细雨的博客

02-06

764

使用echarts报错，

uniapp使用canvas的一些问题

空&白的博客

11-26

9402

1、canvas无效，出不来修改前： let ctx = uni.createCanvasContext('shareCanvas'); 修改后： let ctx = uni.createCanvasContext('shareCanvas', this); 在自定义组件下，第二个参数传入组件实例this，若不传，则无法显示 2、canvas绘制图片（drawImage）无效，显示不了修改前： let imageW=uni.upx2px(456)//图片的尺寸 let imgUrl=this.sha

微信小程序<ec-canvas>转为图片

05-25

要将微信小程序<ec-canvas>转为图片，可以使用以下步骤： 1. 在小程序页面中引入<canvas>组件和<ec-canvas>组件。 2. 在<ec-canvas>组件的ready事件中获取到<canvas>元素，并将其绑定到页面的data中。 3. 在需要将...

微信小程序使用echarts 不跟随页面滚动

最新发布

mmmm00_的博客

01-15

1478

echarts微信小程序组件：兼容小程序 Canvas的组件ec-canvas，可以方便地使用 ECharts，载gitHub项目。ec-canvas 目录下有一个 echarts.js，默认echarts-for-weixin 项目发版的时对应最新版的 ECharts，可以自行从官网自定义构建，并修改文件名为echarts.js，替换ec-canvas 目录下的 echarts.js，以减小文件大小。

微信小程序踩坑记（一）

一只柠檬菜鸡

10-27

456

1.tabBar内的color不支持RGB设置颜色 2.

微信小程序+echart

CheryW的博客

06-14

2142

微信小程序加载echart地图

Luna

04-29

1万+

报错完整内容如下：Failed to execute 'createLinearGradient' on 'CanvasRenderingContext2D': The provided double value is non-finite. 报错原因：1、echart折线图使用了渐变色，2、折线图传入的数据存在null的情况，3，折现图设置了dataZoom(可滑动)。看了网上好多解决方案是这里报的错是传入参数不是有限的实数，可以对传入参数Math.floor()Math.Fixed()变成有.

微信小程序无法正常显示背景颜色的问题

weixin_40938312的博客

03-29

2181

在ios真机调试没问题但是在安卓无法显示background-color 后来将wxss中的.c{background-color:#fc5688cc}换成了.c{background-color:rgba(225, 253, 67, 0.637)}

【微信小程序】颜色透明度失效或者在电脑端无法显示颜色

Error_JJ的博客

07-01

1203

**解决方法：**如果颜色用rgb标识的试试换成二进制，用二进制的试试换成rgb

微信小程序设置 hover-class，实现点击变色效果

热门推荐

hyb745250618的专栏

06-14

5万+

微信小程序设置 hover-class，实现点击变色效果 微信小程序中，可以用 hover-class 属性来指定元素的点击态效果。但是在在使用中要注意，大部分组件是不支持该属性的。目前支持 hover-class 属性的组件有三个：view、button、navigator。不支持 hover-class 属性的组件，同时也不支持 hover-stop-propagation、hove...

微信小程序---修改背景颜色和单个页面的背景颜色

LLL_liuhui的博客

03-14

1万+

1、给所有页面设置背景颜色在app.wxss里设置page{background-color:#f3f3f3;}2、给单个页面设置背景颜色在单个页面的.wxss里设置page{background-color:#dddddd;}page前面不需要加点...

background-color没有none？

(ง •_•)ง

12-21

7031

我们想给一个类加上背景颜色为“none”时，会发现并没有这个属性，这时我们就该用到： background-color: transparent;

微信小程序报错：WAServiceMainContext.js:2 Object(env: Windows,mp,1.05.2203070； lib: 2.14.1)

xybhua的博客

01-30

4145

跳转页面时报错：WAServiceMainContext.js:2 Object(env: Windows,mp,1.05.2203070;lib: 2.14.1)刚开始找了好多解决方法都没有解决，最后发现是app.json入口文件pages里面没有配置路径，导致报错，跳转页面不成功，配置完路径，完美解决。今天又遇到这个报错了，这次app.json入口文件已经配置路径，还是报错，最后在路径前面加了个/能够正常跳转了，具体原理不是很清楚，还需多加学习。