1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
|
<!DOCTYPE html>
<html>
<body>
<div style="position:absolute; transform-origin: 0px 0px; transform: matrix(0.9, 0, 0, 0.9, -210, -777);">
<svg width="2384" height="1684" style="position:absolute; left:0; top:0;">
<circle cx="475" cy="975" r="40" stroke="black" stroke-width="2" fill="none" />
<text fill="red" style="font-size: 40px;" transform="matrix(1, 0, 0, 1, 468, 988)">A</text>
</svg>
<svg width="2384" height="1684" style="position:absolute; left:0; top:200px;">
<circle cx="475" cy="975" r="40" stroke="black" stroke-width="2" fill="none" />
<text style="font-size: 40px;" transform="matrix(1, 0, 0, 1, 468, 988)"><tspan fill="blue">B</tspan></text>
</svg>
</div>
<svg width="500" height="400" style="transform-origin: 0px 0px; transform: scale(2) translate(-300px, -300px);">
<text x="300" y="350" font-size="50" fill="green">PASS</text>
</svg>
</body>
</html>
|