码农知识堂 - 1000bd
  •   Python
  •   PHP
  •   JS/TS
  •   JAVA
  •   C/C++
  •   C#
  •   GO
  •   Kotlin
  •   Swift
  • 微信小程序 画布canvas


    属性说明

    属性类型默认值必填说明最低版本
    typestring否指定 canvas 类型,支持 2d (2.9.0) 和 webgl (2.7.0)2.7.0
    canvas-idstring否canvas 组件的唯一标识符,若指定了 type 则无需再指定该属性1.0.0
    disable-scrollbooleanfalse否当在 canvas 中移动时且有绑定手势事件时,禁止屏幕滚动以及下拉刷新1.0.0
    bindtouchstarteventhandle否手指触摸动作开始1.0.0
    bindtouchmoveeventhandle否手指触摸后移动1.0.0
    bindtouchendeventhandle否手指触摸动作结束1.0.0
    bindtouchcanceleventhandle否手指触摸动作被打断,如来电提醒,弹窗1.0.0
    bindlongtapeventhandle否手指长按 500ms 之后触发,触发了长按事件后进行移动不会触发屏幕的滚动1.0.0
    binderroreventhandle否当发生错误时触发 error 事件,detail = {errMsg}

    ug & Tip

    1. tip:canvas 标签默认宽度300px、高度150px
    2. tip:同一页面中的 canvas-id 不可重复,如果使用一个已经出现过的 canvas-id,该 canvas 标签对应的画布将被隐藏并不再正常工作
    3. tip:请注意原生组件使用限制
    4. tip:开发者工具中默认关闭了 GPU 硬件加速,可在开发者工具的设置中开启“硬件加速”提高 WebGL 的渲染性能
    5. tip: WebGL 支持通过 getContext('webgl', { alpha: true }) 获取透明背景的画布
    6. tip: WebGL 暂不支持真机调试,建议使用真机预览
    7. tip: Canvas 2D(新接口)需要显式设置画布宽高,默认:300*150,最大:1365*1365
    8. bug: 避免设置过大的宽高,在安卓下会有crash的问题
    9. tip: iOS 暂不支持 pointer-events
    10. tip: 在 mac 或 windows 小程序下,若当前组件所在的页面或全局开启了 enablePassiveEvent 配置项,该内置组件可能会出现非预期表现(详情参考 enablePassiveEvent 文档)

    Canvas 2D 示例代码

     

     

     

  • 相关阅读:
    MIT课程分布式系统学习06——Fault Tolerance raft1
    文章解读与仿真程序复现思路——电力系统自动化EI\CSCD\北大核心《基于网源协同多阶段投资规划的配电网过网费机制设计》
    每日一题——输入某年某月某日,判断是这一年的第几天
    java: 通过xml模板转成word文件
    ssm+爱尚购物 毕业设计-附源码211622
    Stream
    优雅退出在Golang中的实现
    线性系统的根轨迹分析
    【游戏建模全流程】Maya制作赛博朋克机器人模型
    2022年python国际化课程上机考试二题解
  • 原文地址:https://blog.csdn.net/weixin_62980497/article/details/139546152
  • 最新文章
  • 攻防演习之三天拿下官网站群
    数据安全治理学习——前期安全规划和安全管理体系建设
    企业安全 | 企业内一次钓鱼演练准备过程
    内网渗透测试 | Kerberos协议及其部分攻击手法
    0day的产生 | 不懂代码的"代码审计"
    安装scrcpy-client模块av模块异常,环境问题解决方案
    leetcode hot100【LeetCode 279. 完全平方数】java实现
    OpenWrt下安装Mosquitto
    AnatoMask论文汇总
    【AI日记】24.11.01 LangChain、openai api和github copilot
  • 热门文章
  • 十款代码表白小特效 一个比一个浪漫 赶紧收藏起来吧!!!
    奉劝各位学弟学妹们,该打造你的技术影响力了!
    五年了,我在 CSDN 的两个一百万。
    Java俄罗斯方块,老程序员花了一个周末,连接中学年代!
    面试官都震惊,你这网络基础可以啊!
    你真的会用百度吗?我不信 — 那些不为人知的搜索引擎语法
    心情不好的时候,用 Python 画棵樱花树送给自己吧
    通宵一晚做出来的一款类似CS的第一人称射击游戏Demo!原来做游戏也不是很难,连憨憨学妹都学会了!
    13 万字 C 语言从入门到精通保姆级教程2021 年版
    10行代码集2000张美女图,Python爬虫120例,再上征途
Copyright © 2022 侵权请联系2656653265@qq.com    京ICP备2022015340号-1
正则表达式工具 cron表达式工具 密码生成工具

京公网安备 11010502049817号