我使用vue制作了一个微型应用程序,该应用程序将文本翻译成匈牙利rovas脚本。每个匈牙利字母都带有1个符号。
但是翻译后的脚本必须从右到右书写。每个字母由1绘制1并保存为png图像。该应用程序逐字母检查输入的文本,并从右到左渲染相应的图像。
我的问题是线向上断裂。因此,最古老的行到达了底部。我想将第一行保持在顶部。我该如何反转换行符,以使其不将旧线(图像线)向下推而向上推?
这是应用程序:
https://murmuring-badlands-73974.herokuapp.com/
我试过反转数组,反之亦然,尝试其他解决方案,这样我就可以从左到右写。
我只是好奇是否可以按照我所描述的方式操纵换行符。
<div class="inputtext">
<label for="rovas">Fordítani kívánt szöveg:</label>
<textarea class="rovas" id="rovasiras" cols="50" rows="5" v-
model="name">
</textarea>
<div class="translated">
<template v-for="(betu, index) in betut().reverse()">
<img v-bind:src="'./images/' + betu + '.png'" height=" 25px"
style="margin: 5px" alt="-">
</template>
</div>
</div>
预期的结果应该是从右到左开始的翻译句子或段落,始终是第一行。
最佳答案
如果您以正常方式打印,即从左到右,则任何新行的插入都将在现有或旧行的下方,由于您使用的是反向功能,所有这些都以相反的方式发生,因此从右至左打印并插入向下推,将新行移到旧行上方,
回答:
为了克服这个问题,我们需要使用dir =“ rtl”,即您将方向指示为从右到左。查找参考单击here