微信小程序怎么将绘图上下文中的描述画到canvas中

发布时间:2022-03-10 10:01:37 作者:iii
来源:亿速云 阅读:146

本篇内容主要讲解“微信小程序怎么将绘图上下文中的描述画到canvas中”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“微信小程序怎么将绘图上下文中的描述画到canvas中”吧!

canvasContext.draw


定义

将之前在绘图上下文中的描述(路径、变形、样式)画到 canvas 中。

Tip: 绘图上下文需要由wx.createCanvasContext(canvasId)来创建。

参数

参数 类型 说明
reserve Boolean 非必填。本次绘制是否接着上一次绘制,即reserve参数为false,则在本次调用drawCanvas绘制之前native层应先清空画布再继续绘制;若reserver参数为true,则保留当前画布上的内容,本次调用drawCanvas绘制的内容覆盖在上面,默认 false

例子

const ctx = wx.createCanvasContext('myCanvas')

ctx.setFillStyle('red')
ctx.fillRect(10, 10, 150, 100)
ctx.draw()
ctx.fillRect(50, 50, 150, 100)
ctx.draw()

例子

const ctx = wx.createCanvasContext('myCanvas')

ctx.setFillStyle('red')
ctx.fillRect(10, 10, 150, 100)
ctx.draw()
ctx.fillRect(50, 50, 150, 100)
ctx.draw(true)

到此,相信大家对“微信小程序怎么将绘图上下文中的描述画到canvas中”有了更深的了解,不妨来实际操作一番吧!这里是亿速云网站,更多相关内容可以进入相关频道进行查询,关注我们,继续学习!

推荐阅读:
  1. 微信小程序对应canvas绘图绘制动态时钟
  2. 微信小程序中canvas的示例分析

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

微信小程序 canvas

上一篇:CSS如何绘制时钟

下一篇:Css前端的示例分析

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》