<!DOCTYPE html>
<link rel="match" href="../expected/canvas-stroke-styles-ref.html" />
<canvas id="canvas" width="400" height="350"></canvas>
<style>
    #canvas {
        border: 1px solid black;
    }

    body {
        background: white;
    }
</style>
<script>
    const canvas = document.getElementById("canvas");
    const ctx = canvas.getContext("2d");

    // Line styles
    ctx.lineWidth = 10;

    // Butt cap (default)
    ctx.lineCap = "butt";
    ctx.beginPath();
    ctx.moveTo(20, 30);
    ctx.li