svg.style = "flat" के साथ अनुवादित SVG

इसका उपयोग तब करें जब कोई वेब ऐप स्थान-विशिष्ट SVG चित्रण या आरेख एम्बेड करता है और रनटाइम पर उन्हें स्थान कोड द्वारा संदर्भित करता है।

कॉन्फ़िग

"features": {
  "translateSVG": true
},
"svg": {
  "sourcePath": "images",
  "outputDir": "public/assets",
  "style": "flat"
}

translate-svg images/ के अंतर्गत प्रत्येक .svg को पढ़ता है और प्रति स्थान एक फ़ाइल लिखता है:

public/assets/
├── dashboard.en-GB.svg
├── dashboard.de.svg
├── dashboard.fr.svg
└── dashboard.es.svg

ऐप संदर्भ

<img src={`/assets/dashboard.${locale}.svg`} alt="Dashboard diagram" />

स्रोत लेआउट अनुशंसा

स्रोत SVG को आउटपुट निर्देशिका से अलग रखें। sourcePath: "images" और outputDir: "public/assets" के साथ दोनों निर्देशिकाएँ अलग-अलग हैं। दोनों को कभी भी एक ही निर्देशिका पर सेट न करें।

कार्यान्वयन उदाहरण

examples/nextjs-app — ai-i18n-tools.config.json में svg ब्लॉक (sourcePath: "images", outputDir: "public/assets", svg.style = "flat"); स्रोत translation_demo_svg.svg; public/assets/ के अंतर्गत प्रति-स्थान आउटपुट (उदाहरण के लिए translation_demo_svg.de.svg); page.tsx में रनटाइम URL (/assets/translation_demo_svg.${locale}.svg)।

---