canvas流光溢彩的效果

<!-- script -->
<script src="https://files.cnblogs.com/files/wgb1234/myCanvas.js"></script>
<!-- run -->
<script>
setTimeout(() => {
	document.body.innerHTML = `<style>
        *{
            margin: 0;
            padding: 0;
          }
        #bg{
            font-size: 18px;
            font-weight: bold;
            line-height: 100px;
            color: #fff;
            background-color: #000;
            text-align: center;
        }
    </style>
  <div id="bg">canvas流光溢彩的效果
 <canvas id="canvas"></canvas>
</div>`;
},100);

setTimeout(() => {
  window.myCanvas.renderCanvas();
},1000);
</script>
posted @ 2022-09-17 17:25  CoderWGB  阅读(271)  评论(0)    收藏  举报