javascript — передача текста в виде файла в SVG — React

Передача текста в формате SVG — React

У меня есть изображение Avatar.svg, которое состоит из следующего содержимого файла

 {amp}lt;?xml version="1.0" encoding="UTF-8"?{amp}gt; {amp}lt;svg width="32px" height="32px" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"{amp}gt; {amp}lt;!-- Generator: sketchtool 59 (101010) - https://sketch.com --{amp}gt; {amp}lt;title{amp}gt;6249deb3-b2ff-4bbd-b5bb-7db96f3315cf@1.00x{amp}lt;/title{amp}gt; {amp}lt;desc{amp}gt;Created with sketchtool.{amp}lt;/desc{amp}gt; {amp}lt;g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"{amp}gt; {amp}lt;g id="avatar"{amp}gt; {amp}lt;g id="Group-3"{amp}gt; {amp}lt;g id="Group"{amp}gt; {amp}lt;circle id="Oval" fill="#414042" cx="16" cy="16" r="16"{amp}gt;{amp}lt;/circle{amp}gt; {amp}lt;text id="GT" font-family="BrandonText-BoldItalic, Brandon Text" font-size="14" font-style="italic" font-weight="bold" letter-spacing="0.7" fill="#F0F1F2"{amp}gt; {amp}lt;tspan x="6.843" y="21"{amp}gt;My Text Here{amp}lt;/tspan{amp}gt; {amp}lt;/text{amp}gt; {amp}lt;/g{amp}gt; {amp}lt;/g{amp}gt; {amp}lt;/g{amp}gt; {amp}lt;/g{amp}gt; {amp}lt;/svg{amp}gt; 

В моем файле React AvatarCircleSVG.js у меня есть следующие

 import { ReactComponent as AvatarCircle } from './Avatar.svg' const AvatarCircleSVG = () ={amp}gt; { return ( {amp}lt;AvatarCircle{amp}gt; {amp}lt;p{amp}gt;IH{amp}lt;/p{amp}gt; {amp}lt;/AvatarCircle{amp}gt; ) } export default AvatarCircleSVG 

Я хочу показать этот IH в круге SVG tspan который я tspan в его компоненте, как дети

Понравилась статья? Поделиться с друзьями:
JavaScript & TypeScript
Adblock
detector