<!DOCTYPE html> | |
<script src="../resources/text-based-repaint.js"></script> | |
<svg viewBox="0 0 1 1" style="position: absolute; width: 0; height: 0"> | |
<clipPath id="clip" clipPathUnits='objectBoundingBox'> | |
<path id="path" d="M0 0 L1 1 L0 1 Z"/> | |
</clipPath> | |
</svg> | |
<div style="width: 200px; height: 200px; background: blue; clip-path: url(#clip); will-change: transform"></div> | |
<script> | |
function repaintTest() { | |
path.setAttribute('d', 'M0 0 L1 0 L1 1 L0 1 Z'); | |
} | |
onload = runRepaintAndPixelTest; | |
</script> |