React 360 如何在react vr中使用utf-8？

React VR是否支持utf-8

例如：

导出默认类vrhw.Component{
render（）{
返回(
黎跃春
);
}
};
AppRegistry.registerComponent（'vrhw'，（）=>vrhw）；

默认情况下，ReactVR仅支持罗马和西里尔字母字符，对于任何其他类型的字符，您必须以自定义字体加载。 幸运的是，官方回购协议中已经有了预制字体，它们只是没有作为npm包的一部分发布。您必须手动将字体从复制到项目中（比如在

/font

下）

对于日语，它更简单，因为您只需要加载一种字体。只需使用

OVRUI

中的

loadFont

方法，将其指向字体文件，并在创建时将结果传递给

VRInstance

//vr/client.js
从“react vr web”导入{VRInstance}；
从“OVRUI”导入*作为OVRUI；
//存储默认字体，我们将使用日语支持对其进行扩展。
const font=OVRUI.loadFont（）；
函数init（绑定、父级、选项）{
OVRUI.loadFont（“../fonts/japanese.fnt”，“../fonts/japanese.png”）。然后（（fallbackFont）=>{
OVRUI.addFontFallback（字体，fallbackFont）；
const vr=新的VRInstance（捆绑包，'VRTEST'，父{
字体：字体，
…选项，
});
vr.render=function（）{}；
vr.start（）；
});
}
window.ReactVR={init}；

对于中文，您需要加载三个字符集。由于

loadFont

是anync，我们需要跟踪加载了多少字体，并且只有在它们都准备好时才初始化

VRInstance

//vr/client.js
从“react vr web”导入{VRInstance}；
从“OVRUI”导入*作为OVRUI；
常量fallbackonts=[{
fnt:“../fonts/cjk_0.fnt”，
png:“../fonts/cjk_0_sdf.png”
}, {
fnt:“../fonts/cjk_1.fnt”，
png:“../fonts/cjk_1_sdf.png”
}, {
fnt:“../fonts/cjk_2.fnt”，
png:“../fonts/cjk_2_sdf.png”
}];
const font=OVRUI.loadFont（）；
函数init（绑定、父级、选项）{
让计数=0；
fallbackonts.forEach（（FontPath）=>{
计数+=1；
loadFont（fontPaths.fnt，fontPaths.png）。然后（（fallbackFont）=>{
OVRUI.addFontFallback（字体，fallbackFont）；
计数-=1；
如果（计数==0）{
const vr=新的VRInstance（捆绑包，'VRTEST'，父{
字体：字体，
…选项，
});
vr.render=function（）{}；
vr.start（）；
}
});
});
}
window.ReactVR={init}；

使用的资源：

---

默认情况下，ReactVR仅支持罗马和西里尔字母字符，对于任何其他类型的字符，您必须以自定义字体加载。 幸运的是，官方回购协议中已经有了预制字体，它们只是没有作为npm包的一部分发布。您必须手动将字体从复制到项目中（比如在

/font

下）

对于日语，它更简单，因为您只需要加载一种字体。只需使用

OVRUI

中的

loadFont

方法，将其指向字体文件，并在创建时将结果传递给

VRInstance

//vr/client.js
从“react vr web”导入{VRInstance}；
从“OVRUI”导入*作为OVRUI；
//存储默认字体，我们将使用日语支持对其进行扩展。
const font=OVRUI.loadFont（）；
函数init（绑定、父级、选项）{
OVRUI.loadFont（“../fonts/japanese.fnt”，“../fonts/japanese.png”）。然后（（fallbackFont）=>{
OVRUI.addFontFallback（字体，fallbackFont）；
const vr=新的VRInstance（捆绑包，'VRTEST'，父{
字体：字体，
…选项，
});
vr.render=function（）{}；
vr.start（）；
});
}
window.ReactVR={init}；

对于中文，您需要加载三个字符集。由于

loadFont

是anync，我们需要跟踪加载了多少字体，并且只有在它们都准备好时才初始化

VRInstance

//vr/client.js
从“react vr web”导入{VRInstance}；
从“OVRUI”导入*作为OVRUI；
常量fallbackonts=[{
fnt:“../fonts/cjk_0.fnt”，
png:“../fonts/cjk_0_sdf.png”
}, {
fnt:“../fonts/cjk_1.fnt”，
png:“../fonts/cjk_1_sdf.png”
}, {
fnt:“../fonts/cjk_2.fnt”，
png:“../fonts/cjk_2_sdf.png”
}];
const font=OVRUI.loadFont（）；
函数init（绑定、父级、选项）{
让计数=0；
fallbackonts.forEach（（FontPath）=>{
计数+=1；
loadFont（fontPaths.fnt，fontPaths.png）。然后（（fallbackFont）=>{
OVRUI.addFontFallback（字体，fallbackFont）；
计数-=1；
如果（计数==0）{
const vr=新的VRInstance（捆绑包，'VRTEST'，父{
字体：字体，
…选项，
});
vr.render=function（）{}；
vr.start（）；
}
});
});
}
window.ReactVR={init}；

使用的资源：

---

试试看，你就会明白。试试看，你就会明白。