介绍微信小程序 canvas开发的注意事项

小程序开发教程栏目介绍canvas开发的注意事项

相关学习推荐：小程序开发教程

微信小程序 wxcanvas

测试手机为IPHONE6,开发者工具版本0.10.102800。开发者工具0.11.112301版本也一样

微信小程序里的canvas 非 h5 canvas有很多不一样的地方，以下把微信小程序的canvas叫做wxcanvas

下面全是我一点点测试出的干货，耐心看：

1.wxcanvas,不像h5canvas那样有width和height属性和width和height的style样式。他只有style样式，可以理解为他就是个框吧；

2.wxcanvas不要当成真的H5canvas，就当它是个p就行，画出范围的东西也是存在的，改变width,height就显示出来了，或者说这里有重绘，但具体如何实现的不知道；

3.改变wxcanvas的style的width,height，并不改为原画布上的东西的大小；

4.css transform变换中的变大缩小也无法改变原画布上的东西大小

5.官方说法：context只是一个记录方法调用的容器，用于生成记录绘制行为的actions数组。context跟<canvas></canvas>不存在对应关系，一个context生成画布的绘制动作数组可以应用于多个<canvas></canvas>。

实际上，context.getActions()后，context中的信息会被清空，如果想重复利用，需要var temp=context.getActions()将操作数组保存下来，才可重复用于wx.drawcanvas；

6.注意

wx.drawCanvas({
　　canvasId: 'target',
　　actions: context.getActions()
});

# 清空  # 的是  # 画出  # 程序开发  # 多个  # 有很多  # 我一  # 它是  # 相关文章  # 就行  # 为他  # 中文网  # 不像  # 不存在  # 可以直接  # 解决问题  # 你都  # 应用于  # 或者说  # 只是一个 

相关栏目： 【 网站优化84359 】 【 站长学院75356 】 【 运营推广7218 】 【 小程序18188 】 【 运维技术36808 】 【 营销推广32536 】 【 SEO优化41416 】 【 百度推广27695 】 【 AI推广83940 】

相关推荐： malloc函数  C++ 函数的原理和高效运用技巧  利用scroll-view组件实现小程序回到顶部特效  如何在小程序中使用UUID  golang框架性能优化中的缓存设计模式？  PHP 函数如何获取 HTTP 标头？  C#微信开发（服务器配置）  探索 PHP 函数分类的奥秘  streamlit怎么样监听组件的状态  C++ 函数调用约定和栈帧管理在大型软件项目的挑战  微商怎么做？微商营销的10种方法  做微商真的难么？快速出单真的很难么？所说的微商培训真相到底是什么？（）  C++ 命名空间的的作用域和限制  printf输出的格式有哪些  unordered_map  如何在本地启用 worpress 网站的多站点？  小程序内联h5页面，小程序webview内网页等等方法实现微信支付  介绍微信小程序开发之用户授权登录  PHP 函数分类指南：从初学者到专家  使用malloc动态分配存储空间 malloc动态分配内存  printf语句输出格式  PHP 函数如何返回 JSON  C++ 函数的Boost库扩展  小程序中的tabbar组件不显示是什么原因  memset函数的作用  PHP 函数如何处理代码中所有错误？  微信公众号怎么创建  揭秘：魏则西离去真正的原因（派代网）  SageMath 安装  printf输出格式总结 printf输出格式大全  C++ 自身函数与人工智能技术如何结合使用？  C++ 函数命名中的大写和下划线使用的规则  C++ 函数的参数传递是如何影响函数执行效率的？  mmult函数使用方法及实例  简单介绍：实现小程序授权登录功能  PHP 函数按授权模式如何分类？  小程序如何获取input标签的值  分类 PHP 函数的艺术与科学  网站申请不到支付宝接口、微信接口，免接口收款实现方式几种解决办法  微信小程序 数据访问实例详解  Golang 框架中API 安全性的端到端指南  C++ lambda 表达式中的引用捕获模式有什么特点？  如何在 PHP 关联数组中搜索 – 快速提示  微信小程序 欢迎界面开发的实例详解  golang框架在高并发场景中的分布式架构  Golang框架的持续安全监控和响应  C++ 函数的inline和static关键字详解  利用小程序api接口动态获取元素宽高  golang框架在高并发场景中的锁机制与并发控制  汇总微信小程序开发问题