in client/src/services/image-rendering.ts [113:129]
private _renderTranslations(context: CanvasRenderingContext2D, word: WordTranslation, sourceLanguage: Language,
endangeredLanguage: EndangeredLanguage, width: number, height: number, scale: number) {
const centerX = width * 0.5 / scale;
let y = height / scale; // start at bottom
const maxTextWidth = (width - 2 * this.config.padding) / scale;
y = this._renderText(context, word.original || word.english, this.config.originalWord, centerX, y, maxTextWidth);
if (word.translation && word.translation !== word.transliteration) {
y = this._renderText(context, word.translation, this.config.translation, centerX, y, maxTextWidth);
}
if (word.transliteration) {
y = this._renderText(context, word.transliteration, this.config.transliteration, centerX, y, maxTextWidth);
}
y = this._renderLine(context, centerX, y);
const languagesText = this.i18n.getTranslation('languageToEndangeredLanguage', {sourceLanguage: sourceLanguage.name, endangeredLanguage: endangeredLanguage.name})
|| `${sourceLanguage.name} to ${endangeredLanguage.name}`;
this._renderText(context, languagesText, this.config.languages, centerX, y, maxTextWidth);
}