Skip to content

Commit

Permalink
Make the stroke types bigger
Browse files Browse the repository at this point in the history
  • Loading branch information
@benkasminbullock
benkasminbullock committed Jun 24, 2024
1 parent 14bd0a2 commit f4d4576
Show file tree
Hide file tree
Showing 2 changed files with 44 additions and 36 deletions.
8 changes: 8 additions & 0 deletions css/application.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -157,3 +157,11 @@ figure {
stroke: #c586d7;
stroke-width: 4px;
}

/* Make the types very big so it's easier to see them. */

dt.stroke-type {
font-size: 2em;
margin: 0.5em;
font-family: "Meiryo UI";
}
72 changes: 36 additions & 36 deletions stroke-types.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -45,13 +45,13 @@ <h1>Stroke types in KanjiVG</h1>
</p>

<dl>
<dt>㇀</dt>
<dt class="stroke-type">㇀</dt>
<dd>
<b>CJK Stroke T</b>
<code>U+31C0</code>
</dd>

<dt>㇁</dt>
<dt class="stroke-type">㇁</dt>
<dd>
<b>CJK Stroke WG</b>
<code>U+31C1</code>
Expand All @@ -63,94 +63,94 @@ <h1>Stroke types in KanjiVG</h1>
screen. However, this is the correct shape for 犭 and ⻖.
</dd>

<dt>㇂</dt>
<dt class="stroke-type">㇂</dt>
<dd>
<b>CJK Stroke XG</b>
<code>U+31C2</code>
This is used in, for example, for the long vertical stroke of 戈.
</dd>

<dt>㇄</dt>
<dt class="stroke-type">㇄</dt>
<dd>
<b>CJK Stroke SW</b>
<code>U+31C4</code>
</dd>

<dt>㇅</dt>
<dt class="stroke-type">㇅</dt>
<dd>
<b>CJK Stroke HZZ</b>
<code>U+31C5</code>

This relatively rare shape is used, for example, for stroke 15 of 麌.
</dd>

<dt>㇆</dt>
<dt class="stroke-type">㇆</dt>
<dd>
<b>CJK Stroke HZG</b>
<code>U+31C6</code> This is used for the right side of 印 or 掏.
</dd>

<dt>㇇</dt>
<dt class="stroke-type">㇇</dt>
<dd>
<b>CJK Stroke HP</b>
<code>U+31C7</code>
</dd>

<dt>㇈</dt>
<dt class="stroke-type">㇈</dt>
<dd>
<b>CJK Stroke HZWG</b>
<code>U+31C8</code>

The examples given in the Unicode reference are 飞，风，瘋，九，几，气，虱
</dd>

<dt>㇉</dt>
<dt class="stroke-type">㇉</dt>
<dd>
<b>CJK Stroke SZWG</b>
<code>U+31C9</code>

This is used, for example, for the bottom part of 弓.
</dd>

<dt>㇋</dt>
<dt class="stroke-type">㇋</dt>
<dd>
<b>CJK Stroke HZZP</b>
<code>U+31CB</code>
</dd>

<dt>㇏</dt>
<dt class="stroke-type">㇏</dt>
<dd>
<b>CJK Stroke N</b>
<code>U+31CF</code>
</dd>

<dt>㇐</dt>
<dt class="stroke-type">㇐</dt>
<dd>
<b>CJK Stroke H</b>
<code>U+31D0</code> This is used for horizontal lines, such as the top
and bottom strokes of 西.</dd>

<dt>㇑</dt>
<dt class="stroke-type">㇑</dt>
<dd>
<b>CJK Stroke S</b>
<code>U+31D1</code>
</dd>

<dt>㇒</dt>
<dt class="stroke-type">㇒</dt>
<dd>
<b>CJK Stroke P</b>
<code>U+31D2</code>
</dd>

<dt>㇓</dt>
<dt class="stroke-type">㇓</dt>
<dd>
<b>CJK Stroke SP</b>
<code>U+31D3</code>

This stroke is used for vertical strokes whose ends turn left.
</dd>

<dt>㇔</dt>
<dt class="stroke-type">㇔</dt>
<dd>
<b>CJK Stroke D</b>
<code>U+31D4</code>
Expand All @@ -161,40 +161,40 @@ <h1>Stroke types in KanjiVG</h1>
such as the right strokes of 心 or 灬.
</dd>

<dt>㇕</dt>
<dt class="stroke-type">㇕</dt>
<dd>
<b>CJK Stroke HZ</b>
<code>U+31D5</code> This is used for the upper right part of 口, or
the middle upper stroke of 巨.
</dd>

<dt>㇖</dt>
<dt class="stroke-type">㇖</dt>
<dd>
<b>CJK Stroke HG</b>
<code>U+31D6</code>
</dd>

<dt>㇗</dt>
<dt class="stroke-type">㇗</dt>
<dd>
<b>CJK Stroke SZ</b>
<code>U+31D7</code>
</dd>

<dt>㇙</dt>
<dt class="stroke-type">㇙</dt>
<dd>
<b>CJK Stroke ST</b>
<code>U+31D9</code>

This is used for the bottom left of 衣 or 食.
</dd>

<dt>㇚</dt>
<dt class="stroke-type">㇚</dt>
<dd>
<b>CJK Stroke SG</b>
<code>U+31DA</code>
</dd>

<dt>㇛</dt>
<dt class="stroke-type">㇛</dt>
<dd>
<b>CJK Stroke PD</b>
<code>U+31DB</code>
Expand All @@ -204,13 +204,13 @@ <h1>Stroke types in KanjiVG</h1>
element.
</dd>

<dt>㇜</dt>
<dt class="stroke-type">㇜</dt>
<dd>
<b>CJK Stroke PZ</b>
<code>U+31DC</code>
</dd>

<dt>㇞</dt>
<dt class="stroke-type">㇞</dt>
<dd>
<b>CJK Stroke SZZ</b>
<code>U+31DE</code>
Expand All @@ -219,20 +219,20 @@ <h1>Stroke types in KanjiVG</h1>
such as 壼 which contain 亞 as a component.
</dd>

<dt>㇟</dt>
<dt class="stroke-type">㇟</dt>
<dd>
<b>CJK Stroke SWG</b>
<code>U+31DF</code>
</dd>

<dt>㇡</dt>
<dt class="stroke-type">㇡</dt>
<dd>
<b>CJK Stroke HZZZG</b>
<code>U+31E1</code>
</dd>


<dt>
<dt class="stroke-type">
６
</dt>
<dd>
Expand All @@ -253,24 +253,24 @@ <h1>Stroke types in KanjiVG</h1>
</p>

<dl>
<dt>a</dt>
<dt class="stroke-type">a</dt>
<dd>
End touches middle part of other stroke
</dd>
<dt>b</dt>
<dt class="stroke-type">b</dt>
<dd>
End touches end of other stroke
</dd>
<dt>c</dt>
<dt class="stroke-type">c</dt>
<dd>
<span class='undocumented'>Unknown</span>
</dd>
<dt>v</dt>
<dt class="stroke-type">v</dt>
<dd>
<span class='undocumented'>Unknown</span>
</dd>
<!-- this one has gone, see https://github.com/KanjiVG/kanjivg/issues/342
<dt>va</dt>
<dt class="stroke-type">va</dt>
<dd>
"㇕va" seems to have been used as a substitute for the ㇁ stroke of 犭
and for the bottom right stroke of ⻖.
Expand All @@ -292,7 +292,7 @@ <h3 id="unused-patterns">CJK Strokes which are not used</h3>

<dl>

<dt>
<dt class="stroke-type">
㇌
</dt>

Expand All @@ -308,7 +308,7 @@ <h3 id="unused-patterns">CJK Strokes which are not used</h3>

</dd>

<dt>
<dt class="stroke-type">
㇊
</dt>

Expand All @@ -321,7 +321,7 @@ <h3 id="unused-patterns">CJK Strokes which are not used</h3>
like 计, or other simplified Chinese forms such as so it is not very useful for Japanese.
</dd>

<dt>
<dt class="stroke-type">
㇎
</dt>

Expand All @@ -332,7 +332,7 @@ <h3 id="unused-patterns">CJK Strokes which are not used</h3>
This rare pattern seems to only be used in the Chinese drawing of 凸.
Japanese uses a different stroke pattern for this character.
</dd>
<dt>
<dt class="stroke-type">
㇣
</dt>
<dd>
Expand Down

0 comments on commit f4d4576

Please sign in to comment.