Quelle colrv1-04-ref.html Sprache: HTML

products/Sources/formale Sprachen/C/Firefox/layout/reftests/font-face/colrv1-04-ref.html

<!DOCTYPE html>
<html>
<meta charset=utf-8>
<title>COLRv1 font test: gradient color-stop edge cases</title>
<style>
.ref { margin: 10px; padding: 10px; line-height: 0; }
span { display: inline-block; width: 100px; height: 100px; }
.A { background: linear-gradient(to right, rgb(255, 0, 0) 10%, rgb(0, 255, 0), rgb(0, 0, 255) 90%); }
.B { background: linear-gradient(to right, rgb(255, 0, 0) 30%, rgb(0, 255, 0), rgb(0, 0, 255) 70%); }
.C { background: linear-gradient(to right, rgb(255, 0, 0) 50%, rgb(0, 0, 255) 50%); }
.D { background: linear-gradient(to right, rgb(0, 0, 255) 30%, rgb(0, 255, 0), rgb(255, 0, 0) 70%); }
.E { background: linear-gradient(to right, rgb(0, 0, 255) 10%, rgb(0, 255, 0), rgb(255, 0, 0) 90%); }
.F { background: repeating-linear-gradient(to right, rgb(255, 0, 0) 10%, rgb(0, 255, 0), rgb(0, 0, 255) 90%); }
.G { background: repeating-linear-gradient(to right, rgb(255, 0, 0) 30%, rgb(0, 255, 0), rgb(0, 0, 255) 70%); }
.H { background: transparent; }
.I { background: repeating-linear-gradient(to right, rgb(0, 0, 255) 30%, rgb(0, 255, 0), rgb(255, 0, 0) 70%); }
.J { background: repeating-linear-gradient(to right, rgb(0, 0, 255) 10%, rgb(0, 255, 0), rgb(255, 0, 0) 90%); }
</style>

<p>The middle of the five glyphs should be purely red and blue:</p>
<div class="ref"><span class=A></span> <span class=B></span> <span class=C></span> <span class=D></span> <span class=E></span></div>

<p>The middle of the five glyphs should not render anything:</p>
<div class="ref"><span class=F></span> <span class=G></span> <span class=H></span> <span class=I></span> <span class=J></span></div>

Messung V0.5

¤ Dauer der Verarbeitung: 0.4 Sekunden ¤

Wurzel

Suchen

Beweissystem der NASA

Beweissystem Isabelle

NIST Cobol Testsuite

Cephes Mathematical Library

Wiener Entwicklungsmethode

Haftungshinweis

Die Informationen auf dieser Webseite wurden nach bestem Wissen sorgfältig zusammengestellt. Es wird jedoch weder Vollständigkeit, noch Richtigkeit, noch Qualität der bereit gestellten Informationen zugesichert.

Bemerkung:

Die farbliche Syntaxdarstellung und die Messung sind noch experimentell.