Skip to content

Instantly share code, notes, and snippets.

@sareiodata
Last active September 19, 2019 08:47
Show Gist options
  • Save sareiodata/c87c6d5f6a2f3fd3b03a9e107d865415 to your computer and use it in GitHub Desktop.
Save sareiodata/c87c6d5f6a2f3fd3b03a9e107d865415 to your computer and use it in GitHub Desktop.
svg with text node
Original SVG
<svg style="width: 253px; height: 54px;" viewbox="0 0 238 54">
<defs>
<mask id="button-text-mask-0">
<rect width="100%" height="100%" fill="#ffffff"></rect>
<text class="mask-text button-text" fill="#000000" text-anchor="middle" font-size="16" transform="matrix(1 0 0 1 126.5 32.72727272727273)">Discover JB-Power</text>
</mask>
</defs>
<rect fill="#ffd700" width="100%" height="100%" id="masked-rect-id-0"></rect>
</svg>
Processed SVG in Editor:
<svg style="width: 45px; height: 54px;" viewbox="0 0 30 54">
<defs>
<mask id="button-text-mask-0">
<rect width="100%" height="100%" fill="#ffffff"></rect>
<translate-press data-trp-translate-id="190" data-trp-node-group="String List"><text class="mask-text button-text" fill="#000000" text-anchor="middle" font-size="16" transform="matrix(1 0 0 1 22.5 32.72727272727273)">Discover JB-Power</text></translate-press>
</mask>
</defs>
<rect fill="#ffd700" width="100%" height="100%" id="masked-rect-id-0"></rect>
</svg>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment