Path2D.bezierCurveTo方法

基础库 2.11.0 开始支持,低版本需做兼容处理。

微信小程序插件:不支持

相关文档: 画布指南、canvas 组件介绍

功能描述

添加三次贝塞尔曲线路径。

参数

number cp1x

第一个控制点横坐标。

number cp1y

第一个控制点纵坐标。

number cp2x

第二个控制点横坐标。

number cp2y

第二个控制点纵坐标。

number x

结束点横坐标。

number y

结束点纵坐标。

Path2D.arcTo方法

基础库 2.11.0 开始支持,低版本需做兼容处理。

微信小程序插件:不支持

相关文档: 画布指南、canvas 组件介绍

功能描述

通过给定控制点添加一段圆弧路径。

参数

number x1

第一个控制点横坐标。

number y1

第一个控制点纵坐标。

number x2

第二个控制点横坐标。

number y2

第二个控制点纵坐标。

number radius

圆形半径,必须为非负数。

Path2D.arc方法

基础库 2.11.0 开始支持,低版本需做兼容处理。

微信小程序插件:不支持

相关文档: 画布指南、canvas 组件介绍

功能描述

添加一段圆弧路径。

参数

number x

圆心横坐标。

number y

圆心纵坐标。

number radius

圆形半径,必须为正数。

number startAngle

圆弧开始角度。

number endAngle

圆弧结束角度。

boolean counterclockwise

是否逆时针绘制。如果传 true, 则会从 endAngle 开始绘制到 startAngle。

Path2D

基础库 2.11.0 开始支持,低版本需做兼容处理。

相关文档: 画布指南、canvas 组件介绍

Canvas 2D API 的接口 Path2D 用来声明路径,此路径稍后会被CanvasRenderingContext2D 对象使用。CanvasRenderingContext2D 接口的 路径方法 也存在于 Path2D 这个接口中,允许你在 canvas 中根据需要创建可以保留并重用的路径。

方法

Path2D.addPath(Path2D path)

添加路径到当前路径。

Path2D.arc(number x, number y, number radius, number startAngle, number endAngle, boolean counterclockwise)

添加一段圆弧路径。

Path2D.arcTo(number x1, number y1, number x2, number y2, number radius)

通过给定控制点添加一段圆弧路径。

Path2D.bezierCurveTo(number cp1x, number cp1y, number cp2x, number cp2y, number x, number y)

添加三次贝塞尔曲线路径。

Path2D.closePath()

闭合路径到起点。

Path2D.ellipse(number x, number y, number radiusX, number radiusY, number rotation, number startAngle, number endAngle, boolean counterclockwise)

添加椭圆弧路径

Path2D.lineTo(number x, number y)

添加直线路径

Path2D.moveTo(number x, number y)

移动路径开始点

Path2D.quadraticCurveTo(number cpx, number cpy, number x, number y)

添加二次贝塞尔曲线路径。

Path2D.rect(number x, number y, number width, number height)

添加方形路径。

微信小程序赞赏组件

为了支持让用户的喜欢有处表达,让开发者的付出被看见,让好的微信小程序能通过贴图和用户建立联系,形成良性的互动,我们推出了「微信小程序赞赏组件」,把一次赞赏变成持续的连接

开发者可通过该组件为用户提供「喜欢开发者」的入口,在页面中展示喜欢按钮,用户点击按钮跳转公众号贴图完成赞赏。无需自行开发点赞交互

功能介绍

  • 在页面中展示「喜欢」按钮,用户点击按钮跳转对应贴图完成喜欢。
  • 有人喜欢后,组件同时展示喜欢人数与头像墙。
  • 作者标识、头像、人数、跳转链接均由后台按当前微信小程序与用户身份下发,页面无需传入任何业务参数,也无需监听事件。

版本要求

项目 要求
微信小程序基础库版本 3.17.3 及以上,低版本需做兼容处理
微信版本 安卓:8.0.78 iOS:8.0.78,建议更新最新版本
微信 Mac、Windows 版 支持
渲染框架 Skyline、WebView 均支持

开通与使用条件

当前仅支持个人微信小程序开通,使用前须在「开发者助手」微信小程序内完成开通,选择对应微信小程序后,点击赞赏后进入开通流程,须绑定本人对应贴图号或公众号,并发表一篇微信小程序相关的贴图

展示规则

  • 还没有人喜欢时,仅展示喜欢按钮,人数行与头像墙不渲染。
  • 后台判定不可展示时(未绑定贴图、未开通、灰度外等),组件不占用高度,页面无需额外编写隐藏逻辑。
  • 单个微信小程序内仅支持接入一个赞赏组件,超过一个则组件不渲染、不占用页面高度。

接入方式

  • 智能接入:进入「开发者助手」微信小程序赞赏模块,选择接入赞赏组件,可免代码快速接入赞赏组件(不支持skyline 页面,并不是所有页面都符合可智能插入的要求。)
  • 手动自主接入:当前暂未开放自主接入模式
文档变更日志(1条)
2026 年 09 月 21 日
智能接入说明增加 Skyline 页面不支持的限定条件,微信版本建议更新至最新版本

RenderingContextOffscreenCanvas.getContext(string contextType)

基础库 2.7.0 开始支持,低版本需做兼容处理。

微信小程序插件:支持,需要微信小程序基础库版本不低于 2.16.1

相关文档: 画布指南、canvas 组件介绍

功能描述

这个方法会返回 OffscreenCanvas 的绘图上下文

参数

string contextType

绘图上下文的类型,需要和调用 createOffscreenCanvas 时传入的 type 保持一致

contextType 可以填的值

值 说明 最低版本
webgl webgl 类型的上下文
2d 2d 类型的上下文 2.16.1

返回值

RenderingContext

注意:webgl 和 2d 这两种绘图上下文不能混着用,传入的 contextType 必须和 wx.createOffscreenCanvas 传入的 type 类型一致。

ImageOffscreenCanvas.createImage()

基础库 2.7.3 开始支持,低版本需做兼容处理。

微信小程序插件:支持,需要微信小程序基础库版本不低于 2.16.1

相关文档: 画布指南、canvas 组件介绍

功能描述

创建一个图片对象。支持在 2D Canvas 和 WebGL Canvas 下使用, 但不支持混用 2D 和 WebGL 的方法。

返回值

Image

注意不允许混用 webgl 和 2d 画布创建的图片对象,使用时请注意尽量使用 canvas 自身的 createImage 创建图片对象。

OffscreenCanvas

基础库 2.7.0 开始支持,低版本需做兼容处理。

相关文档: 画布指南、canvas 组件介绍

离屏 canvas 实例,可通过 wx.createOffscreenCanvas 创建。

属性

number width

画布宽度

number height

画布高度

方法

RenderingContext OffscreenCanvas.getContext(string contextType)

该方法返回 OffscreenCanvas 的绘图上下文

Image OffscreenCanvas.createImage()

创建一个图片对象。支持在 2D Canvas 和 WebGL Canvas 下使用, 但不支持混用 2D 和 WebGL 的方法。