41 lines
940 B
HTML
41 lines
940 B
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<style>
|
|
canvas {
|
|
width: 200px;
|
|
height: 200px;
|
|
filter: drop-shadow(0px 0px 4px black) drop-shadow(0px 0px 4px black);
|
|
}
|
|
</style>
|
|
<script src="../../resources/ui-helper.js"></script>
|
|
<script>
|
|
if (window.testRunner)
|
|
testRunner.waitUntilDone();
|
|
|
|
addEventListener("load", async () => {
|
|
let context = document.querySelector("canvas").getContext("2d");
|
|
|
|
context.lineWidth = 5;
|
|
context.moveTo(150, 150);
|
|
context.lineTo(250, 250);
|
|
context.moveTo(250, 150);
|
|
context.lineTo(150, 250);
|
|
context.strokeStyle = "red";
|
|
context.stroke();
|
|
|
|
await UIHelper.renderingUpdate();
|
|
context.clearRect(0, 0, 400, 400);
|
|
|
|
await UIHelper.renderingUpdate();
|
|
|
|
if (window.testRunner)
|
|
testRunner.notifyDone();
|
|
});
|
|
</script>
|
|
</head>
|
|
<body>
|
|
<canvas width="400" height="400"></canvas>
|
|
<p>The above canvas should be completely blank shortly after page load.</p>
|
|
</body>
|
|
</html> |