开发
API

Canvas.requestAnimationFrame

基础库 1.78.0 开始支持本方法,低版本需做兼容处理。这是一个同步方法。

在下次进行重绘时执行。 支持在 2D Canvas 和 WebGL Canvas 下使用。

语法

Canvas.requestAnimationFrame(callback)

参数说明

Function callback

返回值

number 请求 ID

代码示例

<!-- index.ttml -->
<canvas id="myCanvas" type="2d"></canvas>
// index.js
Page({
  onReady: function (options) {
    tt.createSelectorQuery()
      .select("#myCanvas")
      .node()
      .exec((res) => {
        const canvas = res[0].node;
        const canvasCtx = canvas.getContext("2d");
        const requestId = canvas.requestAnimationFrame(function () {
          canvasCtx.fillStyle = "red";
          canvasCtx.fillRect(0, 0, 50, 50);
        });
        console.log("requestId", requestId);
      });
  },
});

Bug & Tip

  • Tip:开发者工具暂不支持此能力,请用真机扫码调试。
点击纠错
评价此篇文档