ICode9

精准搜索请尝试: 精确搜索
首页 > 编程语言> 文章详细

微信小程序 — canvas 组件

2021-11-08 21:02:32  阅读:260  来源: 互联网

标签:canvas CanvasContext 微信 路径 画布 组件 绘制


画布,默认宽高300px * 225px ,其中属性 canvas-id 是唯一的,如果重复使用 ,画布将会被隐藏,不再工作。

 

 

 

 

 

 canvas组件是原生组件,它的层级是最高的,不能通过z-index设置层 级,css动画对canvas组件无效。

 

canvas绘制矩形,演示绘制的基本步骤:

 

canvas绘制笑脸:

    

 

 

 

 

Canvas 对象方法介绍

 CanvasContext.draw ():将之前在绘图上下文中的描述(路径、样式、变形)画到canvas中。
 CanvasContext.arc():创建一条弧线。
 CanvasContext.rect():创建一个矩形路径。
 CanvasContext.lineTo():新增一个新点,用stroke方法来画线条。
 CanvasContext.moveTo():把路径移动到画布中的指定点,不创建线条。

 

标签:canvas,CanvasContext,微信,路径,画布,组件,绘制
来源: https://www.cnblogs.com/bi-hu/p/15526109.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有