translation 相关问题

翻译是替换应用程序或网站中的字符串以使来自不同语言国家的人更容易与应用程序或网站连接的过程。

我尝试这段代码（JSFiddle）常量块 = () => { 返回（我尝试这个代码（JSFiddle） const Piece = () => { return ( <svg> <g transform="translate(XXX,XXX)"> <circle cx="-50" cy="-50" r="10" fill="black" /> </g> </svg> ) } const root = ReactDOM.createRoot(document.getElementById("app")); root.render( <svg width="700" height="700" fill="#FFDDDD"> <g transform="translate(YYY,YYY)"> <Piece /> </g> </svg> ); 其中 XXX 和 YYY 等于 0 或 100，我可以看到：如果平移发生在组件 Piece 内部（XXX=100，YYY=0），则其工作原理是圆圈出现在屏幕上，即使它最初设计在屏幕外部（-50，-50）；如果平移发生在主组件内部（XXX=0，YYY=100），则不会出现圆圈。我以为里面翻译和外面翻译是一样的，其实不然。问题是我想收集许多不同的部分，将翻译的价值传递给所有这些部分并不是一件好事...... 当然，我已经在真实的React（18）和d3（7）结构上使用不同的文件Piece、App等测试了代码，结果是相同的。我在这里缺少什么？如果你正确地编写了 SVG，那么使用哪个 <g> 进行翻译并不重要： svg { border: 1px solid black; } <svg width="300" height="300" fill="#FFDDDD" viewBox="0 0 100 100"> <g transform="translate(100,100)"> <g transform="translate(0,0)"> <circle cx="-50" cy="-50" r="10" fill="black" /> </g> </g> </svg> <svg width="300" height="300" fill="#FFDDDD" viewBox="0 0 100 100"> <g transform="translate(0,0)"> <g transform="translate(100,100)"> <circle cx="-50" cy="-50" r="10" fill="black" /> </g> </g> </svg> 但是，这确实需要编写正确的 SVG：一个 <svg> 根，带有 viewBox 属性，以便浏览器知道它实际渲染的内容，并且没有嵌套 <svg> 元素： // you don't need a `<g>` if you're transforming a single element. // the "transform" attribute can be used on *any* SVG element. const Piece = ({ tx:0, ty:0 }) => ( <circle cx="-50" cy="-50" r="10" fill="black" transform="translate({tx},{ty})"/> ); // But you need viewBox, otherwise your SVG cannot be rendered correctly. // However: here, too, you don't need <g> const SVG = ({ tx:0, ty:0 }) => ( <svg width="100" height="100" fill="#FFDDDD" viewBox="0 0 100 100"> <Piece tx={tx} ty={ty}/> </svg> ); const root = ReactDOM.createRoot(document.getElementById("app")); root.render(<SVG tx={100} ty={100}/>);

reactjs d3.js translation

回答 1 投票 0

使用 i18next 嵌套翻译 Next js 14 应用程序

所以我尝试使用 i18next lib 本地化我的下一个 js 14 应用程序，一切工作正常，但嵌套翻译不起作用，例如： {t("components.navbar.navbarlist.home&

reactjs next.js translation i18next

回答 1 投票 0

通过基于关联数组替换用户输入来生成代码

我有一个由十六进制字符组成的 16 个字符的输入字符串。我需要隔离最后两个字符，通过重复这两个隔离字符将该字符串扩展到四个字符，t...

php replace substring translation

回答 3 投票 0

如何添加照片名称翻译？

添加一张照片。照片的名称是 example.jpg。根据语言的不同，需要