Bug 1894958: Render an initial set of test canvases r=timhuang

Differential Revision: https://phabricator.services.mozilla.com/D209594
This commit is contained in:
Tom Ritter 2024-06-05 02:04:38 +00:00
parent ae44e51620
commit de531f8443
4 changed files with 323 additions and 1 deletions

View file

@ -0,0 +1,7 @@
/* This Source Code Form is subject to the terms of the Mozilla Public
* License, v. 2.0. If a copy of the MPL was not distributed with this
* file, You can obtain one at https://mozilla.org/MPL/2.0/. */
.testcanvas {
border: 1px solid #2600ff;
}

View file

@ -8,11 +8,195 @@
<meta charset="utf-8" />
<meta
http-equiv="Content-Security-Policy"
content="default-src 'none'; object-src 'none'; script-src chrome:"
content="default-src data: resource: chrome:; style-src-elem chrome:; object-src 'none'; script-src chrome:"
/>
<title>about:fingerprinting</title>
<link
href="chrome://global/content/usercharacteristics/usercharacteristics.css"
rel="stylesheet"
type="text/css"
/>
</head>
<body>
<div id="test_canvases">
<h2>Test Canvases</h2>
<div>
<h3>Canvas 1</h3>
<canvas
class="testcanvas"
width="250"
height="250"
id="canvas1"
></canvas>
<table>
<tr>
<td>ImageData:</td>
<td>
<input type="text" name="canvas1data" id="canvas1data" readonly />
</td>
</tr>
</table>
</div>
<div>
<h3>Canvas 2</h3>
<canvas
class="testcanvas"
width="250"
height="250"
id="canvas2"
></canvas>
<table>
<tr>
<td>ImageData:</td>
<td>
<input type="text" name="canvas2data" id="canvas2data" readonly />
</td>
</tr>
</table>
</div>
<div>
<h3>Canvas 3</h3>
<canvas
class="testcanvas"
width="250"
height="250"
id="canvas3"
></canvas>
<table>
<tr>
<td>ImageData:</td>
<td>
<input type="text" name="canvas3data" id="canvas3data" readonly />
</td>
</tr>
</table>
</div>
<div>
<h3>Canvas 4</h3>
<canvas
class="testcanvas"
width="250"
height="250"
id="canvas4"
></canvas>
<table>
<tr>
<td>ImageData:</td>
<td>
<input type="text" name="canvas4data" id="canvas4data" readonly />
</td>
</tr>
</table>
</div>
<div>
<h3>Canvas 5</h3>
<canvas
class="testcanvas"
width="250"
height="250"
id="canvas5"
></canvas>
<table>
<tr>
<td>ImageData:</td>
<td>
<input type="text" name="canvas5data" id="canvas5data" readonly />
</td>
</tr>
</table>
</div>
<div>
<h3>Canvas 6</h3>
<canvas
class="testcanvas"
width="250"
height="250"
id="canvas6"
></canvas>
<table>
<tr>
<td>ImageData:</td>
<td>
<input type="text" name="canvas6data" id="canvas6data" readonly />
</td>
</tr>
</table>
</div>
<div>
<h3>Canvas 7</h3>
<canvas
class="testcanvas"
width="250"
height="250"
id="canvas7"
></canvas>
<table>
<tr>
<td>ImageData:</td>
<td>
<input type="text" name="canvas7data" id="canvas7data" readonly />
</td>
</tr>
</table>
</div>
<div>
<h3>Canvas 8</h3>
<canvas
class="testcanvas"
width="250"
height="250"
id="canvas8"
></canvas>
<table>
<tr>
<td>ImageData:</td>
<td>
<input type="text" name="canvas8data" id="canvas8data" readonly />
</td>
</tr>
</table>
</div>
<div>
<h3>Canvas 9</h3>
<canvas
class="testcanvas"
width="250"
height="250"
id="canvas9"
></canvas>
<table>
<tr>
<td>ImageData:</td>
<td>
<input type="text" name="canvas9data" id="canvas9data" readonly />
</td>
</tr>
</table>
</div>
<div>
<h3>Canvas 10</h3>
<canvas
class="testcanvas"
width="250"
height="250"
id="canvas10"
></canvas>
<table>
<tr>
<td>ImageData:</td>
<td>
<input
type="text"
name="canvas10data"
id="canvas10data"
readonly
/>
</td>
</tr>
</table>
</div>
</div>
<script src="chrome://global/content/usercharacteristics/usercharacteristics.js"></script>
</body>
</html>

File diff suppressed because one or more lines are too long

View file

@ -3,5 +3,6 @@
# file, You can obtain one at https://mozilla.org/MPL/2.0/.
toolkit.jar:
content/global/usercharacteristics/usercharacteristics.css (content/usercharacteristics.css)
content/global/usercharacteristics/usercharacteristics.html (content/usercharacteristics.html)
content/global/usercharacteristics/usercharacteristics.js (content/usercharacteristics.js)