<!-- wxml -->
<canvas canvas-id="lightness" class="lightness"></canvas>

<!-- wxss -->
.lightness {
  width: 100%;
  height: 100%;
  opacity: 0.5;
  filter: blur(20rpx);
}

<!-- js -->
const ctx = wx.createCanvasContext('lightness')
ctx.arc(100, 85, 90, Math.PI * 0.78, Math.PI * 1.22)
ctx.lineTo(100, 38)
ctx.lineTo(100, 135)
ctx.setFillStyle("#ff6600")
ctx.fill()
ctx.draw()

通过canvas绘画一个形状，通过设置wxss高斯模糊，在微信模拟器效果正常，如下：

而在手机上却没有该效果：

目的：需要手机端也正常显示高斯模糊效果，请问怎么解决？