收藏
回答

canvas安卓阴影显示问题

框架类型 问题类型 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 的表现


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



- 预期表现




最后一次编辑于  2019-04-30
回答关注问题邀请回答
收藏

2 个回答

  • 嘿
    2020-12-21

    快2021年了😅

    2020-12-21
    有用
    回复
  • 是小白啊
    是小白啊
    2019-04-30

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

    2019-04-30
    有用
    回复 1
登录 后发表内容