Canvas组件设置样式会导致显示异常

[xuwenqian]

相关平台

H5

浏览器版本: Chrome 115
使用框架: React

复现步骤

重现地址：https://github.com/xuwenqian/taro-demo/blob/master/src/pages/index/index.tsx

1、taro/cli 创建项目
2、增加Canvas组件和api
3、编译运行H5

期望结果

显示效果与小程序一致

实际结果

显示效果与小程序不一致

环境信息

  Taro CLI 3.6.13 environment info:
    System:
      OS: Windows 10 10.0.19044
    Binaries:
      Node: 18.2.0 - C:\Program Files\nodejs\node.EXE
      Yarn: 1.22.19 - ~\node\node_global\yarn.CMD
      npm: 8.9.0 - C:\Program Files\nodejs\npm.CMD
    npmPackages:
      @tarojs/cli: 3.6.13 => 3.6.13
      @tarojs/components: 3.6.13 => 3.6.13
      @tarojs/helper: 3.6.13 => 3.6.13
      @tarojs/plugin-framework-react: 3.6.13 => 3.6.13
      @tarojs/plugin-platform-alipay: 3.6.13 => 3.6.13
      @tarojs/plugin-platform-h5: 3.6.13 => 3.6.13
      @tarojs/plugin-platform-jd: 3.6.13 => 3.6.13
      @tarojs/plugin-platform-qq: 3.6.13 => 3.6.13
      @tarojs/plugin-platform-swan: 3.6.13 => 3.6.13
      @tarojs/plugin-platform-tt: 3.6.13 => 3.6.13
      @tarojs/plugin-platform-weapp: 3.6.13 => 3.6.13
      @tarojs/react: 3.6.13 => 3.6.13
      @tarojs/runtime: 3.6.13 => 3.6.13
      @tarojs/shared: 3.6.13 => 3.6.13
      @tarojs/taro: 3.6.13 => 3.6.13
      @tarojs/taro-loader: 3.6.13 => 3.6.13
      @tarojs/webpack5-runner: 3.6.13 => 3.6.13
      babel-preset-taro: 3.6.13 => 3.6.13
      eslint-config-taro: 3.6.13 => 3.6.13
      react: ^18.0.0 => 18.2.0