收藏
回答

canvas安卓阴影显示问题

问题模块 框架类型 问题类型 API/组件名称 终端类型 微信版本 基础库版本
API和组件 小程序 Bug CanvasContext.setShadow(number offsetX, number offsetY, number blur, string color) 客户端 7.0.4 4.0

-代码

var me = this;

var CanvasContext = wx.createCanvasContext('myCanvas', this);

var windowWidth = me.data.windowWidth;

var windowHeight = me.data.windowHeight;

var bili = 1;

var centerX = windowWidth / 2;

var gao = (windowHeight * 0.65) * (1 / 3);

var centerY = (windowHeight * 0.65) * (1 / 3);

bili = imageWidth / imageHeight;

var kuan = bili * gao;

CanvasContext.setShadow(10, 15, 1, '#000000');

// CanvasContext.shadowOffsetX = 10;

// CanvasContext.shadowOffsetY = 15;

// CanvasContext.shadowColor = '#000000';

// CanvasContext.shadowBlur = 1;

CanvasContext.drawImage(lingbuPath, 0, 0, kuan + 40, gao + 80, centerX - 20, centerY - 40, kuan + 40, gao + 80);

CanvasContext.setShadow(0, 0, 0, 'black');

CanvasContext.drawImage(jutiaoPath, 0, 0, kuan + 5, gao + 5, centerX - 2.5, centerY - 2.5, kuan + 5, gao + 5);

CanvasContext.drawImage(imagePath, 0, 0, imageWidth, imageHeight, centerX, centerY, kuan, gao);

CanvasContext.draw();


开发工具和ios显示正常,安卓显示如下图



- 当前 Bug 的表现


直接绘制一个矩形,则安卓阴影显示正常



- 预期表现




最后一次编辑于  04-30  (未经腾讯允许,不得转载)
邀请回答
复制链接收藏投诉关注问题回答

1 个回答

  • 是柿子啊
    是柿子啊
    04-30

    麻烦提供出现问题的具体机型、微信版本号、系统版本号,以及能复现问题的代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)

    04-30
    赞同
    回复 1