注册 登录
1***@qq.com
1***@qq.com
  • 发布：2022-09-23 15:25
  • 更新：2022-09-23 15:34
  • 阅读：504

【报Bug】【重大bug】h5 canvas 绘图不显示

分类：uni-app

产品分类： uniapp/App

PC开发环境操作系统： Mac

PC开发环境操作系统版本号： 12

HBuilderX类型： 正式

HBuilderX版本号： 3.6.3

手机系统： Android

手机系统版本号： Android 10

手机厂商： 华为

手机机型： 华为

页面类型： vue

vue版本： vue3

打包方式： 云端

项目创建方式： HBuilderX

示例代码：

<template>
<view class="">
<canvas canvas-id="myCanvas" style="border: 1px solid;"></canvas>
</view>
</template>

<script>
export default {
onLoad() {
const ctx = uni.createCanvasContext('myCanvas')
ctx.moveTo(10, 10)
ctx.rect(10, 10, 100, 50)
ctx.lineTo(110, 60)
ctx.stroke()
ctx.draw()
}, 

复制代码}

</script>

操作步骤：

使用canvas api绘图不显示

预期结果：

应该绘制对应图案

实际结果：

显示为空

bug描述：

使用cnavas api绘制图形不显示

2022-09-23 15:25 负责人:无 分享

没有找到相关结果

    已邀请:
    小白请指教

    小白请指教 - 小白一个

    要在onReady生命周期里面执行

    2022-09-23 15:34 分享

    • 1***@qq.com (作者)

      一样没用，

      2022-09-23 15:54

    • 小白请指教

      回复 1***@qq.com: 我刚刚测试可以的

      2022-09-23 16:13

    评论 取消
    为什么被折叠? 0 个回复被折叠

    该问题目前已经被锁定, 无法添加新回复

    退出全屏模式 全屏模式 回复
    • 标题 / 粗斜体
    • 代码片段
    • 超链接 / 图片 / 视频
    • 列表 / 引用

    文章内容较多时，可以用标题分段 : 

    ## 大标题 
    ### 小标题

    斜体 / 粗体 : 

    **粗体** 
    *斜体* 
    ***粗斜体***

    代码片段 : 

    ``` javascript
    代码片段
    ```

    超链接 : 

    [链接文字](链接地址) 例: [百度](http://www.baidu.com)

    图片 : 

    ![图片说明](图片地址) 例: ![百度logo](http://www.baidu.com/img/bdlogo.gif)

    视频 : 

    !![视频说明](视频地址) 例: !![优酷视频](http://youku.com)

    有序列表 : 

    1. 123
    2. 123
    3. 123

    无序列表 : 

    - 123
    - 123
    - 123

    引用 : ( 双回车后结束引用 )

    > 引用内容
    引用内容
    引用内容
    友情链接
    优势智云 黑马程序员 程序员客栈 个推 锐亚教育 即速应用 DCloud新闻 InfoQ 蓝莺IM HeapDump性能社区 diygw可视化 申请友链

    DCloud 即数字天堂(北京)网络技术有限公司是W3C成员及HTML5中国产业联盟发起单位

    京ICP备12046007号-4 | 京公网安备：11010802035340号 | 国家信息安全等级保护三级，证书编号：11010813802-20001

    | | 违法违规信息举报