blob: 1fa1d9c2b33869a0f9978abe6e186c43c30cf4ea (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
|
<!DOCTYPE html>
<style>
svg {
width: 250px;
height: 250px;
}
</style>
<svg>
<path d="M 1,2 1,100 99,198 99,100 Z" fill="red"/>
<g transform="scale(0.5)">
<rect width="200" height="200" fill="white" transform="skewY(45)"/>
</g>
</svg>
<svg>
<path d="M 21,42 21,140 119,238 119,140 Z" fill="red"/>
<g transform="skewY(45)">
<rect width="100" height="100" fill="white" transform="translate(20 20)"/>
</g>
</svg>
|