add new sample images of sawarabi-mincho and sawarabi-gothic
trunk/html/en/index.html (diff) trunk/html/index.html (diff)
trunk/html/img/sample-gothic-20140215.png (diff)
trunk/html/img/sample-mincho-20140315.png (diff)
trunk/html/js/doc-header.js (diff)| @@ -59,9 +59,13 @@ | ||
| 59 | 59 | <article> |
| 60 | 60 | <h2>Samples</h2> |
| 61 | 61 | <p> |
| 62 | -Sawarabi Gothic (ver.20130615). | |
| 62 | +Sawarabi Gothic (ver.20140215). | |
| 63 | 63 | </p> |
| 64 | -<img id="font-sample" src="../img/sample-0.png" alt="Sample" /><br /> | |
| 64 | +<img src="../img/sample-gothic-20140215.png" alt="Sample (Gothic)" /><br /> | |
| 65 | +<p> | |
| 66 | +Sawarabi Mincho (ver.20140315). | |
| 67 | +</p> | |
| 68 | +<img src="../img/sample-mincho-20140315.png" alt="Sample (Mincho)" /><br /> | |
| 65 | 69 | </article> |
| 66 | 70 | |
| 67 | 71 | <article> |
| @@ -58,7 +58,11 @@ | ||
| 58 | 58 | <p> |
| 59 | 59 | さわらびゴシック（ver.20140215）の書体見本です。 |
| 60 | 60 | </p> |
| 61 | -<img id="font-sample" src="img/sample-0.png" alt="書体見本" /><br /> | |
| 61 | +<img src="img/sample-gothic-20140215.png" alt="書体見本（ゴシック）" /><br /> | |
| 62 | +<p> | |
| 63 | + さわらび明朝（ver.20140315）の書体見本です。 | |
| 64 | +</p> | |
| 65 | +<img src="img/sample-mincho-20140315.png" alt="書体見本（明朝）" /><br /> | |
| 62 | 66 | </article> |
| 63 | 67 | |
| 64 | 68 | <article> |
| @@ -16,10 +16,10 @@ | ||
| 16 | 16 | 'Kanji Coverage (Sawarabi Mincho)', |
| 17 | 17 | ], |
| 18 | 18 | kyoikuKanji: 'Kyoiku Kanji', |
| 19 | - level1st: '1st Level', | |
| 20 | - level2nd: '2nd Level', | |
| 21 | - level3rd: '3rd Level', | |
| 22 | - level4th: '4th Level', | |
| 19 | + level1st: 'JIS 1st Level', | |
| 20 | + level2nd: 'JIS 2nd Level', | |
| 21 | + level3rd: 'JIS 3rd Level', | |
| 22 | + level4th: 'JIS 4th Level', | |
| 23 | 23 | }, |
| 24 | 24 | de: { |
| 25 | 25 | title: ['Kanji Coverage (Sawarabi Gothic)', |
| @@ -88,7 +88,16 @@ | ||
| 88 | 88 | drawFrame: function() { |
| 89 | 89 | var width = screen.content.width - this.x; |
| 90 | 90 | ctx.strokeStyle = this.frameColor; |
| 91 | - ctx.rect(this.getX(), this.getY() - 1, width + 1, this.height + 2); | |
| 91 | + ctx.beginPath() | |
| 92 | + var x1 = this.getX() + 1; | |
| 93 | + var y1 = this.getY() - 1; | |
| 94 | + var x2 = this.getX() + width + 1; | |
| 95 | + var y2 = this.getY() + this.height + 2; | |
| 96 | + ctx.moveTo(x1, y1); | |
| 97 | + ctx.lineTo(x2, y1); | |
| 98 | + ctx.lineTo(x2, y2); | |
| 99 | + ctx.lineTo(x1, y2); | |
| 100 | + ctx.stroke(); | |
| 92 | 101 | }, |
| 93 | 102 | drawRate: function() { |
| 94 | 103 | var rate = this.performance * 1.0 / this.max; |
Fork
mshio
