收藏
回答

【已解决】小程序canvas绘制阴影真机不显示

框架类型 问题类型 API/组件名称 终端类型 微信版本 基础库版本
小程序 Bug canvas 客户端 7.0.0 2.4.4

- 当前 Bug 的表现(可附上截图)


Android 微信 7.0.0 不显示,iOS 微信显示正常。开发者工具显示正常。


context.beginPath();
    context.shadowOffsetX = 0;
    context.shadowOffsetY = 10;
    context.shadowBlur = 30;
    context.shadowColor = 'rgba(0,140,214,0.6)';
    context.arc(opt.radius, opt.radius, opt.radius * 0.66, 2 * Math.PI);
    context.fillStyle = '#ffffff';
    context.fill();
    context.closePath();
 
    context.draw({
      reserve: false,
    });


- 预期表现


- 复现路径


- 提供一个最简复现 Demo


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

1 个回答

  • Dominic
    Dominic
    2019-01-08

    已解决:context.arc() 传参问题。


    //错误:
    context.arc(opt.radius, opt.radius, opt.radius * 0.66, 2 * Math.PI);
     
    //正确
    context.arc(opt.radius, opt.radius, opt.radius * 0.66, 0, 2 * Math.PI);


    2019-01-08
    有用
    回复
登录 后发表内容