mirror of
https://github.com/Hopiu/fabric.js.git
synced 2026-04-16 04:10:58 +00:00
82 lines
3.7 KiB
HTML
Executable file
82 lines
3.7 KiB
HTML
Executable file
<?xml version="1.0" encoding="UTF-8"?>
|
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
|
|
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
|
<html xmlns="http://www.w3.org/1999/xhtml">
|
|
<head>
|
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
|
|
<meta name="keywords" content="W3C SVG 1.1 Test Suite testsuite mobile"/>
|
|
<meta name="description" content="W3C SVG 1.2 Tiny Test Suite"/>
|
|
<title>
|
|
SVG 1.2 Tiny test:fonts-elem-02-t </title>
|
|
<style type="text/css">
|
|
<!--
|
|
.bodytext { font-family:verdana, helvetica, sans-serif; font-size: 12pt; line-height: 125%; text-align: Left; margin-top: 0; margin-bottom: 0 }
|
|
.pageTitle { line-height: 150%; font-size: 20pt; font-weight : 900; margin-bottom: 20pt }
|
|
.pageSubTitle { color : blue; line-height: 100%; font-size: 24pt; font-weight : 900 }
|
|
.openChapter { color : blue; line-height: 125%; font-weight : 900 }
|
|
.openSection { color : blue; line-height: 125%; font-weight : 900 }
|
|
.info { color : black; line-height: 110%; font-size: 10pt; font-weight : 100 }
|
|
p { margin-top:0; margin-bottom:0; padding-top:0; padding-bottom:0 }
|
|
blockquote { margin-top:0; margin-bottom:0; padding-top:0; padding-bottom:0 }
|
|
.opscript {margin-left: 3%; margin-right: 3%; }
|
|
.opscript p { margin-top: 0.7em}
|
|
.navbar {background: black; color: white; font-weight: bold}
|
|
-->
|
|
</style>
|
|
</head>
|
|
<body class="bodytext">
|
|
|
|
<div class="linkbar">
|
|
<p>
|
|
<a href="fonts-elem-02-t.html">Tiny version</a></p>
|
|
<p>Specification link: <a target="spec" href="http://www.w3.org/TR/SVGMobile12/fonts.html">17.3 The 'font' element</a></p>
|
|
<p>
|
|
<a href="fonts-elem-01-t.html">fonts-elem-01-t ←</a>
|
|
<a href="index.html">index</a>
|
|
<a href="fonts-elem-03-t.html">→ fonts-elem-03-t</a>
|
|
</p></div>
|
|
|
|
<table align="center" border="0" cellspacing="0" cellpadding="10">
|
|
<tr>
|
|
<td align="center" colspan="3">
|
|
<table border="0" cellpadding="8">
|
|
<tr>
|
|
<td align="center" colspan="2" class="pageTitle">
|
|
<h1>fonts-elem-02-t</h1>
|
|
</td>
|
|
</tr>
|
|
<tr class="navbar">
|
|
<td align="center">
|
|
SVG Image
|
|
</td>
|
|
<td align="center">
|
|
PNG Image
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td align="right">
|
|
<object data="../svggen/fonts-elem-02-t.svg" width="480" height="360" type="image/svg+xml"><p style="font-size:300%;color:red">FAIL</p></object>
|
|
</td>
|
|
<td align="left">
|
|
<img alt="raster image of fonts-elem-02-t" src="../png/fonts-elem-02-t.png" width="480" height="360"/>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
|
|
|
|
<div class="opscript">
|
|
<p>This is an accuracy test for embedded SVG fonts. The font "Comic Sans" (available from Microsoft) has been converted into an SVG font and embedded in the SVG file. The test contains two text areas, each with the character string "AyÖ@ç" drawn at the same font size.</p>
|
|
<p>The upper area has the placed glyphs as path elements filled with white over a solid black background (creating a white cutout). The embedded SVG font text is then drawn over the cutout. An implementation that passes this test should completely fill the cutout, leaving a solid black area (some slight antialiasing effects may remain).</p>
|
|
<p>The lower area is the reverse of the upper area, with the placed black glyphs filling the cutout created by white SVG font text. An implementation that passes this test should completely fill the cutout, leaving a solid black area (some slight antialiasing effects may remain).</p>
|
|
|
|
</div>
|
|
<div class="linkbar"> <p>
|
|
<a href="fonts-elem-01-t.html">fonts-elem-01-t ←</a>
|
|
<a href="index.html">index</a>
|
|
<a href="fonts-elem-03-t.html">→ fonts-elem-03-t</a>
|
|
</p></div>
|
|
</body>
|
|
</html>
|