<svg width="12cm" height="4cm" viewBox="0 0 1200 400" version="1.1">
     <desc>Example textdecoration01 - behavior of 'text-decoration' property</desc>
     <rect x="1" y="1" width="1198" height="398" fill="none" stroke="blue" stroke-width="2"/>
     <g font-size="60" fill="blue" stroke="red" stroke-width="1">
          <text x="100" y="75">Normal text</text>
          <text x="100" y="165" text-decoration="line-through" fill-opacity="0" stroke-opacity="0">
               <tspan text-decoration="normal" fill-opacity="1" stroke-opacity="1">Text with line-through</tspan>
          </text>
          <text x="100" y="165" text-decoration="line-through">
               <tspan fill-opacity="0" stroke-opacity="0">Text with line-through</tspan>
          </text>
          <text x="100" y="255" text-decoration="underline">Underlined text</text>
          <text x="100" y="345" text-decoration="underline">
               <tspan>One </tspan>
               <tspan fill="yellow" stroke="purple">word </tspan>
               <tspan fill="yellow" stroke="black">has </tspan>
               <tspan fill="yellow" stroke="darkgreen" text-decoration="underline">different </tspan>
               <tspan fill="yellow" stroke="blue">underlining</tspan>
          </text>
     </g>
</svg>
Original SVG source