Html 我应该怎么做才能显示出整个字符串

const canvas = document.getElementById( "myCanvas" );
const ctx = canvas.getContext( "2d" );
const width_mid = canvas.width / 2;
const height_mid = canvas.height / 2;

let time = null;
let useSourceAtop = false;

function draw( timeStamp ){

  if( time === null ) time = timeStamp;
  
  const num = Math.floor((timeStamp-time)/300);
  
  if( num  > 15 ) return;
  
  ctx.save(); // <- save the current state of your context - and since we have made no changes to it, this means save the current, reset context
  ctx.clearRect( 0, 0, canvas.width, canvas.height ); // <-- Clear the canvas so you don't draw over the same pixel (this could mess with things such as anti-aliasing as a 50% alpha pixel would continuously get printed, making it more opaque etc)
  ctx.font = "200px 华文行楷";
  ctx.textAlign = "center";
  ctx.fillText( "CHH算法网", width_mid, height_mid+40 );
  
  if( useSourceAtop ) ctx.globalCompositeOperation = 'source-atop';
  else ctx.globalCompositeOperation = 'destination-atop';
  
  ctx.beginPath();
  ctx.moveTo( 0, 300 );
  ctx.quadraticCurveTo( 70, 100, 200, 70 );
  
  let end_x = 200;
  let bezier_x;
  
  for( let i = 0; i < num; i++ ){
  
      if( i%2 == 0 ){ 
      
          end_x += 10;
          bezier_x = end_x + 100;
          
      } else {
      
          end_x += 200;
          bezier_x = end_x - 130;
          
      }
      
      ctx.quadraticCurveTo(
        bezier_x,
        i%2 ? 100 : 100,
        end_x,
        i%2 ? 70 : 280
      );
      
  }
  
  ctx.strokeStyle = "white";
  ctx.lineWidth = 200;
  ctx.stroke();
  ctx.restore(); // <-- reset any changes made to your context, like globalCompositeOperation, transforms, lineWidths, colors, etc... to the last time you saved them.
    
  window.requestAnimationFrame( draw );

}

window.requestAnimationFrame( draw );

document.addEventListener( 'dblclick', event => {
  
  event.preventDefault();
  useSourceAtop = !useSourceAtop;
  time = null;
  window.requestAnimationFrame( draw );
  
});

body {
  background-color: rgb(255, 213, 0);
}
canvas {
  width: 100%;
}

<canvas id="myCanvas" width="1300px" height="300px"></canvas>