Question

我正在尝试为韩文（韩文字符）加上颜色代码。每个“块”都用韩语创建一个音节。朝鲜文被分解为Jamo（类似于英文字母。）当您用韩语键入jamo / lettes时，它们通常会组合成一个音节，而计算机通常会将其视为一个块。我希望能够在不使用跨度的情况下，在组成音节的字符引用列表中选择特定的字符引用。当我使用span时，字符引用将从组合块中分离出来。我想做的所有事情都是为了知道如何选择特定的字符参考并为其着色，而无需将其分成不同的块。

我几乎可以成功完成我想做的事情，但这需要使用position：absolute;。 margin和z-index以使元素重叠以创建1个块的错觉。但是，它无法很好地为Jamo设置样式，以使其与普通文本的其余部分保持一致。另外，我在想也许还有更好的方法。

字符参考表http://gernot-katzers-spice-pages.com/var/korean_hangul_unicode.html下面是混合字符参考和常规键入的汉字的列表的示例。如果要添加空间，可以添加空间。像这样写时，由于使用了上面链接中的图表，所以朝鲜语自然地形成了它的块。例如，如何选择ㅂ字母（ᆸ）

&#x11B8;

（니다之前列表中的最后一个）并更改其颜色，而不是将其散布到自己的块中？

<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放在每个块的相对部分中，然后使用技术使用z-index，margin和绝对位置来重叠它们。当自然组合时，字体样式用作单独的块时会有所不同。

我认为做事的最简单方法是，如果我能弄清楚如何选择字符引用并在CSS中更改颜色而不创建单独的块。

Answer 1

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

您知道，韩文（Hangeul）字母在不同的音节上有不同的形状。例如，감的ㄱ和곤的곤具有相同的代码（x1100），但形状不同（前者在左侧长，而后者在顶部宽）。 ㄱ（x1100）有10个以上的形状，形状的数量由字体定义。

要满足您的要求，您需要在画布（或svg）上绘制Jamo。这不容易，但也不实用。

尽管如此，您仍然想挑战，请参阅https://github.com/hatemogi/hallatype/blob/master/README.md

gg gl

有没有一种方法可以选择Jamo Letters的特定字符参考（用韩文/韩文书写）而无需使用跨度

1 个答案: