diff --git a/lib/drawGraphicsToCanvas.ts b/lib/drawGraphicsToCanvas.ts
index 8c2bd45..ba565cb 100644
--- a/lib/drawGraphicsToCanvas.ts
+++ b/lib/drawGraphicsToCanvas.ts
@@ -383,6 +383,7 @@ export function drawGraphicsToCanvas(
           ctx.lineWidth = 2
         }
         ctx.lineCap = "round"
+        ctx.lineJoin = "round"
 
         if (line.strokeDash) {
           if (typeof line.strokeDash === "string") {
diff --git a/lib/getPngBufferFromGraphicsObject.ts b/lib/getPngBufferFromGraphicsObject.ts
index 724ba1a..5328be2 100644
--- a/lib/getPngBufferFromGraphicsObject.ts
+++ b/lib/getPngBufferFromGraphicsObject.ts
@@ -234,6 +234,7 @@ export async function getPngBufferFromGraphicsObject(
       line.strokeWidth === undefined
         ? 1
         : Math.max(line.strokeWidth * strokeScale, 1)
+    ctx.lineJoin = "round"
     strokePolyline(ctx, projectedPoints, dashPattern)
 
     if (
diff --git a/lib/getSvgFromGraphicsObject.ts b/lib/getSvgFromGraphicsObject.ts
index 20aed0f..331e38c 100644
--- a/lib/getSvgFromGraphicsObject.ts
+++ b/lib/getSvgFromGraphicsObject.ts
@@ -234,6 +234,7 @@ export function getSvgFromGraphicsObject(
                   points: projectedPoints.map((p) => `${p.x},${p.y}`).join(" "),
                   fill: "none",
                   stroke: line.strokeColor || "black",
+                  "stroke-linejoin": "round",
                   "stroke-width": !line.strokeWidth
                     ? "1px"
                     : typeof line.strokeWidth === "string"
diff --git a/tests/__snapshots__/line-joins.snapshot-acute-polyline.snap.svg b/tests/__snapshots__/line-joins.snapshot-acute-polyline.snap.svg
index 9d6a70f..5b7b1bd 100644
--- a/tests/__snapshots__/line-joins.snapshot-acute-polyline.snap.svg
+++ b/tests/__snapshots__/line-joins.snapshot-acute-polyline.snap.svg
@@ -1,4 +1,4 @@
-<svg width="320" height="240" viewBox="0 0 320 240" xmlns="http://www.w3.org/2000/svg"><rect width="100%" height="100%" fill="white"/><g><polyline data-points="-1.5,2 0,-2 1.5,2" data-type="line" data-label="" points="100,40 160,200 220,40" fill="none" stroke="#2563eb" stroke-width="32"/></g><g id="crosshair" style="display: none"><line id="crosshair-h" y1="0" y2="240" stroke="#666" stroke-width="0.5"/><line id="crosshair-v" x1="0" x2="320" stroke="#666" stroke-width="0.5"/><text id="coordinates" font-family="monospace" font-size="12" fill="#666"></text></g><script><![CDATA[
+<svg width="320" height="240" viewBox="0 0 320 240" xmlns="http://www.w3.org/2000/svg"><rect width="100%" height="100%" fill="white"/><g><polyline data-points="-1.5,2 0,-2 1.5,2" data-type="line" data-label="" points="100,40 160,200 220,40" fill="none" stroke="#2563eb" stroke-linejoin="round" stroke-width="32"/></g><g id="crosshair" style="display: none"><line id="crosshair-h" y1="0" y2="240" stroke="#666" stroke-width="0.5"/><line id="crosshair-v" x1="0" x2="320" stroke="#666" stroke-width="0.5"/><text id="coordinates" font-family="monospace" font-size="12" fill="#666"></text></g><script><![CDATA[
               document.currentScript.parentElement.addEventListener('mousemove', (e) => {
                 const svg = e.currentTarget;
                 const rect = svg.getBoundingClientRect();
diff --git a/tests/getSvgFromGraphicsObject.test.ts b/tests/getSvgFromGraphicsObject.test.ts
index 4753f1d..3e1ef6d 100644
--- a/tests/getSvgFromGraphicsObject.test.ts
+++ b/tests/getSvgFromGraphicsObject.test.ts
@@ -63,6 +63,13 @@ describe("getSvgFromGraphicsObject", () => {
     })
     expect(svg).toBeString()
     expect(svg).toContain("<polyline")
+    const polylines = svg.match(/<polyline[^>]*>/g) ?? []
+    expect(polylines).toHaveLength(2)
+    expect(
+      polylines.every((polyline) =>
+        polyline.includes('stroke-linejoin="round"'),
+      ),
+    ).toBe(true)
     // Test custom stroke properties
     expect(svg).toContain('stroke="blue"')
     // Test stroke width scaling
@@ -72,7 +79,7 @@ describe("getSvgFromGraphicsObject", () => {
     expect(strokeWidths).toMatchInlineSnapshot(`
       [
         [
-          "<polyline data-points="0,0 10,10" data-type="line" data-label="" points="40,160 160,40" fill="none" stroke="blue" stroke-width="24"",
+          "<polyline data-points="0,0 10,10" data-type="line" data-label="" points="40,160 160,40" fill="none" stroke="blue" stroke-linejoin="round" stroke-width="24"",
           "24",
         ],
       ]