layout/reftests/border-radius/intersecting-clipping-1-canvas.html
author Chun-Min Chang <chun.m.chang@gmail.com>
Tue, 15 Jul 2025 04:19:58 +0000 (7 hours ago)
changeset 796612 185f590c804be0dc5a6803e176e3a96bfecf686b
parent 92941 0c6adccfeb415dc4997f874e9af1efc505d9bf88
permissions -rw-r--r--
Bug 1974892 - Fix typo in WMFMediaDataEncoder's log r=media-playback-reviewers,alwu Differential Revision: https://phabricator.services.mozilla.com/D256733
<!DOCTYPE HTML>
<title>Test for clipping of border-radius</title>
<style>
div {
  overflow: hidden;
  width: 200px;
  height: 100px;
  border-radius: 50px / 20px;
}
canvas {
  border-radius: 20px / 40px;
}
</style>
<div><canvas id="canvas" height="100" width="200"></canvas></div>
<script>
var canvas = document.getElementById("canvas");
var cx = canvas.getContext("2d");
cx.fillStyle="lime";
cx.fillRect(0, 0, 200, 100);
</script>