gpt4 book ai didi

html - 有没有一种方法可以在不使用 span 的情况下为 Jamo 字母(韩语/韩语写作)选择特定的字符引用

转载 作者:行者123 更新时间:2023-11-28 02:24:03 27 4
gpt4 key购买 nike

我正在尝试对 Hangul(韩语字符)进行颜色编码。每个“ block ”都会创建一个韩语音节。 Hangul 被分解为 Jamo(类似于英语中的字母)。当您键入韩语中的 jamo/字母时,它们通常会组合成一个音节,而计算机通常会将其视为一个 block 。我希望能够在不使用 span 的情况下从构成音节的字符引用列表中选择一个特定的字符引用。当我使用 span 时,字符引用从组合 block 中分离出来。我只想知道如何选择特定字符引用并为其着色,而无需将其分成不同的 block 。

我想做的几乎已经成功了,但是需要使用 position:absolute; margin 和 z-index 使元素重叠以创建 1 个 block 的错觉。但它并没有很好地设计 jamo 以使其看起来与其余的普通文本一致。另外,我认为可能还有更好的方法。

人物引用图表http://gernot-katzers-spice-pages.com/var/korean_hangul_unicode.html下面是混合字符引用和常规键入的韩文列表的示例。如果我想加空格,我可以加空格。像这样写时,由于使用了上面链接中的图表,韩文自然地形成了它的 block 。我如何选择 ㅂ 字母(ᆸ)

ᆸ

(니다 之前列表中的最后一个)并更改它的颜色而不是将其拆分到它自己的 block 中?

<p>&#x1100;&#x1161;&#x11B7;&#x1109;&#x1161; &#x1112;&#x1161;&#x11B8;니다</p>

在显示中,它看起来像这样감사 합니다

我可以使用这段代码来实现它。

  <style>
.element { font-size:16px; position:absolute; }
#element-1 { color:red; z-index:1; }
#element-2 { color:red; margin:0px 0 0 3px; z-index:2; }
#element-3 { color:green; margin:0px 0 0 0px; z-index:3; }
</style>
<body>
<div>
<p><span style="color:red;">네, </span>
<span id="element-1" class="element">&#x1100;</span>
<span id="element-2" class="element">&#x1161;</span>
<span id="element-3" class="element">&#x11B7;</span>
<span style="color:green; margin-left: 19px;">사합니다</span>
</p>
</div>
</body>

应该显示哪个네, 감시합니다但是 감 看起来在风格上并不匹配,因为我确实跨越了 감 的每个字母,这将每个 jamo 放在每个 block 的相对部分,然后使用 z-index、边距和绝对位置技术将它们重叠。用作单独 block 时的字体样式在自然组合时是不一样的。

我认为最简单的方法是,如果我能弄清楚如何在 CSS 中选择字符引用和更改颜色,而无需创建单独的 block 。

最佳答案

简而言之,纯html/css是不可能的。

如您所知,韩语(Hangeul)jamos 在不同的音节上有不同的形状。例如,감的ㄱ和곤的ㄱ具有相同的代码(x1100)但形状不同(前者在左边长,后者在顶部宽)。 ㄱ(x1100)有10个或更多的形状,形状的数量由字体定义。

为了满足您的要求,您需要在 Canvas (或 svg)上绘制 jamo。这并不容易,但也不实用。

不过你想挑战,看https://github.com/hatemogi/hallatype/blob/master/README.md

格格gl

关于html - 有没有一种方法可以在不使用 span 的情况下为 Jamo 字母(韩语/韩语写作)选择特定的字符引用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55526917/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com