小程序
小游戏
企业微信
微信支付
扫描小程序码分享
调试库3.1.5(切换版本也没用)
canvas画板 设置半透明实现临摹效果 开发者工具正常,真机异常(安卓ios都不行,无法显示临摹的背景图)
点击颜色 开发者工具正常弹出,真机层级canvas覆盖
1 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
<!-- <Navbar :title="'白板画'" :showBack="false" @navbarBtnTap="navbarBtnTapHandler"></Navbar> --> <Toolbar :lineValue="lineWidth" :penColor="currentColor" @penWidthChange="penWidthChangeHandler" @toolItemTap="toolItemTapHandler" :toolArr="toolArr"></Toolbar> <view class="board" :class="{'board-out':colorPanelShow}" style="opacity: 0.8;"> <canvas class="board-canvas" canvas-id="drawCanvas" disable-scroll="true" @touchstart="touchStart" @touchmove="touchMove" @touchend="touchEnd"></canvas> </view> <!-- <ColorPanel @colorPickTap="colorPickTapHandler" :colorPanelShow="colorPanelShow"></ColorPanel> --> <t-color-picker ref="colorPicker" @confirm="confirm"></t-color-picker> <cover-image :src="imgs.img_path" style="position: fixed;bottom: 80rpx;left: 20rpx;width: 200rpx;height: 200rpx;border: 1rpx solid gainsboro;z-index: 999;"> </cover-image> <!-- <image v-if="flag" style="position: fixed;bottom: 34%;left: 16%;z-index: -1;text-align: center;width: 500rpx;height: 500rpx;" :src="imgs.img_path" mode=""></image> --> <image v-if="flag" style="position: fixed;bottom: 34%;left:0;right:0;margin:0 auto;z-index: -1;text-align: center;width: 700rpx;height: 700rpx;" :src="imgs.img_path" mode=""></image> <cover-view style="position: fixed;bottom: 10rpx;left: 20rpx;z-index: 9999999;text-align: center;width: 200rpx;font-size: 16rpx;"> <button v-if="!flag" style="font-size: 26rpx;background-color: #dfdfdf;width: 150rpx;padding: 0;border-radius: 50rpx;" @click="flag=true">临摹</button> <button v-if="flag" style="font-size: 26rpx;background-color: #dfdfdf;width: 150rpx;padding: 0;border-radius: 50rpx;" @click="flag=false">取消</button> </cover-view>
你好，麻烦通过点击下方“反馈信息”按钮，提供出现问题的。
关注后，可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
开发者工具正常,真机异常(安卓ios都不行,无法显示临摹的背景图)
点击颜色 开发者工具正常弹出,真机层级canvas覆盖
<!-- <Navbar :title="'白板画'" :showBack="false" @navbarBtnTap="navbarBtnTapHandler"></Navbar> --> <Toolbar :lineValue="lineWidth" :penColor="currentColor" @penWidthChange="penWidthChangeHandler" @toolItemTap="toolItemTapHandler" :toolArr="toolArr"></Toolbar> <view class="board" :class="{'board-out':colorPanelShow}" style="opacity: 0.8;"> <canvas class="board-canvas" canvas-id="drawCanvas" disable-scroll="true" @touchstart="touchStart" @touchmove="touchMove" @touchend="touchEnd"></canvas> </view> <!-- <ColorPanel @colorPickTap="colorPickTapHandler" :colorPanelShow="colorPanelShow"></ColorPanel> --> <t-color-picker ref="colorPicker" @confirm="confirm"></t-color-picker> <cover-image :src="imgs.img_path" style="position: fixed;bottom: 80rpx;left: 20rpx;width: 200rpx;height: 200rpx;border: 1rpx solid gainsboro;z-index: 999;"> </cover-image> <!-- <image v-if="flag" style="position: fixed;bottom: 34%;left: 16%;z-index: -1;text-align: center;width: 500rpx;height: 500rpx;" :src="imgs.img_path" mode=""></image> --> <image v-if="flag" style="position: fixed;bottom: 34%;left:0;right:0;margin:0 auto;z-index: -1;text-align: center;width: 700rpx;height: 700rpx;" :src="imgs.img_path" mode=""></image> <cover-view style="position: fixed;bottom: 10rpx;left: 20rpx;z-index: 9999999;text-align: center;width: 200rpx;font-size: 16rpx;"> <button v-if="!flag" style="font-size: 26rpx;background-color: #dfdfdf;width: 150rpx;padding: 0;border-radius: 50rpx;" @click="flag=true">临摹</button> <button v-if="flag" style="font-size: 26rpx;background-color: #dfdfdf;width: 150rpx;padding: 0;border-radius: 50rpx;" @click="flag=false">取消</button> </cover-view>