要实时刷新画面的话，要使用 requestAnimationFrame 方法，传入一个刷新方法，就会在每帧进行调用刷新。
    关于requestAnimationFrame 的介绍：
    CSS3动画那么强，requestAnimationFrame还有毛线用？ « 张鑫旭-鑫空间-鑫生活
    你需要知道的requestAnimationFrame - 掘金

    官方的 Ink 代码调整后：

    2. function starPath(CanvasKit: ICanvasKit, X: number, Y: number, R = 128) {
    3.   const p = new CanvasKit.SkPath();
    4.   p.moveTo(X + R, Y);
    5.   for (let i = 1; i < 8; i++) {
    6.     const a = 2.6927937 * i;
    7.     p.lineTo(X + R * Math.cos(a), Y + R * Math.sin(a));
    8.   }
    9.   return p;
    10. }
    12. const init = async () => {
    13.   const CanvasKit = await CanvasKitInit();
    14.   const dom = document.getElementById('test') as HTMLCanvasElement | null;
    15.   if (!dom) {
    16.     console.log('loading...');
    17.     return;
    18.   }
    19.   const surface = CanvasKit.MakeCanvasSurface(dom);
    20.   const canvas = surface.getCanvas();
    22.   const paint = new CanvasKit.SkPaint();
    24.   const textPaint = new CanvasKit.SkPaint();
    25.   textPaint.setColor(CanvasKit.Color(40, 0, 0, 1.0));
    26.   textPaint.setAntiAlias(true);
    28.   const textFont = new CanvasKit.SkFont(null, 30);
    30.   let offset = 0;
    31.   let X = 250;
    32.   let Y = 250;
    34.   const context = CanvasKit.currentContext();
    36.   function drawFrame() {
    37.     // If there are multiple contexts on the screen, we need to make sure
    38.     // we switch to this one before we draw.
    39.     CanvasKit.setCurrentContext(context);
    40.     const path = starPath(CanvasKit, X, Y);
    42.     // const dpe = CanvasKit.MakeSkDashPathEffect([15, 5, 5, 10], offset / 5);
    43.     offset++;
    45.     // paint.setPathEffect(dpe);
    46.     paint.setStyle(CanvasKit.PaintStyle.Stroke);
    47.     paint.setStrokeWidth(5.0 + -3 * Math.cos(offset / 30));
    48.     paint.setAntiAlias(true);
    49.     paint.setColor(CanvasKit.Color(66, 129, 164, 1.0));
    51.     canvas.clear(CanvasKit.Color(255, 255, 255, 1.0));
    53.     canvas.drawPath(path, paint);
    54.     canvas.drawText('Try Clicking!', 10, 425, textPaint, textFont);
    55.     canvas.flush();
    56.     // dpe.delete();
    57.     path.delete();
    58.     requestAnimationFrame(drawFrame);
    59.   }
    60.   requestAnimationFrame(drawFrame);
    62.   // Make animation interactive
    63.   dom.addEventListener('pointermove', e => {
    64.     if (!e.pressure) {
    65.       return;
    66.     }
    67.     X = e.offsetX;
    68.     Y = e.offsetY;
    69.   });
    70. };
    72. export default (): React.ReactNode => {
    73.   useEffect(() => {
    74.     init();
    75.   }, []);
    76.   return (
    77.     <div>
    78.       <canvas id="test" width="1000" height="800" />
    79.     </div>
    80.   );
    81. };

    其实到这一步为止 CanvasKit 的用法基本上已经清楚了，接来下比较重要的应该是做上层封装。