【AvatarCropper组件bug】微信真机调试选择头像的canvas层级错误

[naise]

NutUI 包名

@nutui/nutui-taro

NutUI 版本号

4.2.7

平台

weapp

重现链接

https://nutui.jd.com/playground/#eyJBcHAudnVlIjoiPHRlbXBsYXRlPlxuICA8bnV0LWF2YXRhci1jcm9wcGVyIEBjb25maXJtPVwiY3V0SW1hZ2VcIj5cbiAgICA8bnV0LWF2YXRhciBzaXplPVwibGFyZ2VcIj5cbiAgICAgIDxpbWcgOnNyYz1cImltYWdlVXJsXCIgLz5cbiAgICA8L251dC1hdmF0YXI+XG4gIDwvbnV0LWF2YXRhci1jcm9wcGVyPlxuPC90ZW1wbGF0ZT5cbjxzY3JpcHQgc2V0dXA+XG5pbXBvcnQgeyByZWYgfSBmcm9tICd2dWUnO1xuY29uc3QgaW1hZ2VVcmwgPSByZWYoXG4gICdodHRwczovL2ltZzEyLjM2MGJ1eWltZy5jb20vaW1hZ2V0b29scy9qZnMvdDEvMTk2NDMwLzM4LzgxMDUvMTQzMjkvNjBjODA2YTRFZDUwNjI5OGEvZTZkZTlmYjdiODQ5MGYzOC5wbmcnXG4pO1xuY29uc3QgY3V0SW1hZ2UgPSAodXJsKSA9PiB7XG4gIGltYWdlVXJsLnZhbHVlID0gdXJsO1xufTtcbjwvc2NyaXB0PiJ9

重现步骤

1、微信真机环境使用canvas会导致界面z-index失效，层级显示错误，无法选择对应的头像图片。
2、我通过修改AvatarCropper.js使用微信最新提供的canvas 2d组件可以支持层级设置，层级可以显示正常。
3、请更新AvatarCropper组件，支持在微信真机使用。

期望的结果是什么？

AvatarCropper组件层级显示正确。

实际的结果是什么？

AvatarCropper组件层级显示错误。

环境信息

Taro v3.6.22

Taro CLI 3.6.22 environment info:
System:
OS: macOS 11.7.10
Shell: 5.8 - /bin/zsh
Binaries:
Node: 20.10.0 - ~/.nvm/versions/node/v20.10.0/bin/node
Yarn: 4.0.2 - ~/.nvm/versions/node/v20.10.0/bin/yarn
npm: 10.2.4 - ~/.nvm/versions/node/v20.10.0/bin/npm
npmPackages:
@tarojs/cli: 3.6.22 => 3.6.22
@tarojs/components: 3.6.22 => 3.6.22
@tarojs/helper: 3.6.22 => 3.6.22
@tarojs/plugin-framework-vue3: 3.6.22 => 3.6.22
@tarojs/plugin-html: 3.6.22 => 3.6.22
@tarojs/plugin-platform-alipay: 3.6.22 => 3.6.22
@tarojs/plugin-platform-h5: 3.6.22 => 3.6.22
@tarojs/plugin-platform-jd: 3.6.22 => 3.6.22
@tarojs/plugin-platform-qq: 3.6.22 => 3.6.22
@tarojs/plugin-platform-swan: 3.6.22 => 3.6.22
@tarojs/plugin-platform-tt: 3.6.22 => 3.6.22
@tarojs/plugin-platform-weapp: 3.6.22 => 3.6.22
@tarojs/runtime: 3.6.22 => 3.6.22
@tarojs/shared: 3.6.22 => 3.6.22
@tarojs/taro: 3.6.22 => 3.6.22
@tarojs/taro-loader: 3.6.22 => 3.6.22
@tarojs/webpack5-runner: 3.6.22 => 3.6.22
babel-preset-taro: 3.6.22 => 3.6.22
eslint-config-taro: 3.6.22 => 3.6.22

其他补充信息

No response