Force stroke='none' if 'stroke-width' === 0 (#271)

don't stroke text if stroke-width is zero

Co-authored-by: Anna-Lena Lumpp <[email protected]>
Co-authored-by: Lukas Hollaender <[email protected]>

Author: 3 people

src/utils/text.ts

@@ -9,11 +9,13 @@ type TextRenderingMode = typeof tol.renderingMode
 
 export function getTextRenderingMode(attributeState: AttributeState): TextRenderingMode {
   let renderingMode: TextRenderingMode = 'invisible'
-  if (attributeState.fill && attributeState.stroke) {
+  const doStroke = attributeState.stroke && attributeState.strokeWidth !== 0
+  const doFill = attributeState.fill
+  if (doFill && doStroke) {
     renderingMode = 'fillThenStroke'
-  } else if (attributeState.fill) {
+  } else if (doFill) {
     renderingMode = 'fill'
-  } else if (attributeState.stroke) {
+  } else if (doStroke) {
     renderingMode = 'stroke'
   }
   return renderingMode

test/common/tests.js

@@ -64,6 +64,7 @@ window.tests = [
   'vertical-align',
   'xml-space',
   'zero-width-strokes',
+  'zero-width-strokes-text',
   'current-color',
   'text-length'
 ]