Quelle 1719886-1.html Sprache: HTML

products/Sources/formale Sprachen/C/Firefox/dom/canvas/test/reftest/1719886-1.html

<!DOCTYPE html>
<html>
<body>
Pattern Canvas<br>
<canvas id="patternCanvas" style="border: 1px solid black" width="10" height="10"></canvas><br>
Main Canvas (red square should be in top-left corner)<br>
<canvas id="canvas" style="border: 1px solid black" width="100" height="100"></canvas>
<script>

// Draw a 10x10 red rectangle that will be used for the pattern.
const patternCanvas = document.getElementById("patternCanvas");
const patternCtx = patternCanvas.getContext("2d");
patternCtx.fillStyle = "red";
patternCtx.fillRect(0, 0, patternCanvas.width, patternCanvas.height);

const canvas = document.getElementById("canvas");
const ctx = canvas.getContext("2d");
const height = 100;
ctx.translate(0, height);

const pattern = ctx.createPattern(patternCanvas, "no-repeat");
// Reverse translation applied to the canvas.
pattern.setTransform((new DOMMatrix()).translate(0, -height));

ctx.fillStyle = pattern;
// Fill the entire canvas with the pattern.
ctx.fillRect(0, -height, 100, 100);

</script>

</body>
</html>

Messung V0.5

¤ Dauer der Verarbeitung: 0.3 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.