我如何画出半透明的白线？

// 创建 Canvas
var canvas = document.createElement("canvas");

// 设置 Canvas 的大小
canvas.width = 300;
canvas.height = 150;

// 清除颜色
canvas.getContext("2d").clearColor(0, 0, 0, 0);

// 绘制线条
canvas.getContext("2d").strokeStyle = "#000000";
canvas.getContext("2d").lineWidth = 2;
canvas.getContext("2d").stroke();

// 创建 SVG 元素
var svg = document.createElementNS("http://www.w3.org/2000/svg", "svg");

// 设置 SVG 的大小
svg.setAttribute("width", 300);
svg.setAttribute("height", 150);

// 设置 SVG 的颜色
svg.setAttribute("fill", "none");
svg.setAttribute("stroke", "black");
svg.setAttribute("stroke-width", "2");

// 绘制线条
svg.getContext("2d").strokeStyle = "#000000";
svg.getContext("2d").setLineCap("butt");
svg.getContext("2d").setLineJoin("miter");
svg.getContext("2d").lineWidth = 2;
svg.getContext("2d").stroke();

// 创建 WebGL 渲染上下文
var gl = document.createElement("canvas").getContext("webgl");

// 设置 WebGL 的大小
gl.viewport(0, 0, 300, 150);

// 清除颜色
gl.clearColor(0, 0, 0, 0);

// 绘制线条
gl.drawArrays(gl.TRIANGLES, 0, 6);