css-藝術字

 var c = document.getElementById("canvas");
    var cxt = c.getContext("2d");
    cxt.font = "26px Verdana";
    let data = "場景配置可視化"
    let gradient;
    for (let i = 0; i < data.length; i++) {
      gradient = cxt.createLinearGradient(34 * i, 0, 26 + 34 * i, 0);
      gradient.addColorStop("0", "#fff");
      gradient.addColorStop("0.5", "#fff");
      gradient.addColorStop("1", "#001db0");
      cxt.fillStyle = gradient;
      cxt.lineWidth = 2
      cxt.fillText(data[i], 34 * i, 26);
    }

只是提供一種思路，以後遇到了類似的需求，方便回憶。