JSFiddle - React, Tailwind, and code Playground

by mingjian sun

HTML

<canvas width=600></canvas>

JavaScript

var can = document.querySelector("canvas"), ctx = can.getContext("2d"),
    txt = "你", x = 0, i=0;

ctx.font = "90px Helvetica Bold"; 
ctx.lineWidth = 2; 

setInterval(function(){
    ctx.clearRect(0, 0, can.width, can.height);
    ctx.setLineDash([i++,9999]);
    ctx.strokeText(txt[0], x, 100); 
    i=i%300;
},50);