p5.js | 翻译()函数

简介

p5.js是一种用于创意编程、视觉艺术和交互性设计的JavaScript库。它是Processing编程语言的JavaScript实现，旨在使创作艺术和设计更加易于学习、更具交互性和更加有趣。

p5.js中的翻译()函数可以将字符串翻译成多种语言。该函数使用Microsoft Translator API提供机器翻译服务。你需要先去申请Microsoft Translator API的访问密钥，然后才能使用该函数。

语法

translate(text, targetLanguage, sourceLanguage, callback)

• text: 要翻译的文本字符串。
• targetLanguage: 目标语言的简写代码（例如：'en'表示英文）。
• sourceLanguage (optional): 原始语言的简写代码（例如：'zh'表示中文）。如果不指定原始语言，默认为自动检测。
• callback (optional): 回调函数，传入两个参数：翻译后的文本和API返回的状态码。

示例

let originalText = 'Hello world!';
let targetLanguage = 'zh';
let translation = '';

function setup() {
  translate(originalText, targetLanguage, undefined, gotTranslation);
}

function gotTranslation(result, statusCode) {
  if (statusCode === 200) {
    translation = result;
  } else {
    console.log('Translation failed with error code: ' + statusCode);
  }
}

function draw() {
  background(220);
  textSize(32);
  textAlign(CENTER, CENTER);
  text(originalText, width/2, height/3);
  textSize(64);
  text(translation, width/2, height/2);
}

在该示例中，我们定义了一个字符串变量originalText和一个目标语言变量targetLanguage。我们调用了translate()函数，传入原始文本、目标语言和一个回调函数gotTranslation。

当回调函数被调用时，它将检查API调用是否成功。如果成功，它将会将翻译后的文本存储在translation变量中。在draw()函数中，我们将原始文本和翻译后的文本分别显示在画布中间。