mirror/html2canvas
1
0
Fork 0
mirror of https://github.com/niklasvh/html2canvas.git synced 2023-08-10 21:13:10 +03:00
Code Issues Projects Releases Wiki Activity

Expand clip test case

Browse Source
This commit is contained in:
Niklas von Hertzen 2014-10-12 20:32:00 +03:00
parent d8dcbdedd8
commit 541f6a62d8
1 changed files with 19 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
tests/cases/clip.html
View File

@ -13,12 +13,30 @@
} }
div { div {
background: red; background: red;
border: 5px solid blue;
} }
</style> </style>
</head> </head>
<body> <body>
<div style="clip: rect(0px, 500px, 200px, 200px); position: absolute;">Some inline text <span> followed by text in span </span> followed by more inline text. <div style="clip: rect(0px, 400px, 50px, 200px); ">Some inline text <span> followed by text in span </span> followed by more inline text.
<p>Then a block level element.</p>
Then more inline text.</div>
<div style="clip: rect(0px, 400px, 50px, 200px); position: relative; ">Some inline text <span> followed by text in span </span> followed by more inline text.
<p>Then a block level element.</p>
Then more inline text.</div>
<div style="clip: rect(0px, 400px, 50px, 200px); position: fixed; ">Some inline text <span> followed by text in span </span> followed by more inline text.
<p>Then a block level element.</p>
Then more inline text.</div>
<div style="clip: rect(0px, 400px, 50px, 200px); position: absolute; top: 250px; left: 500px;">Some inline text <span> followed by text in span </span> followed by more inline text.
<p>Then a block level element.</p>
Then more inline text.</div>
</body>
<div style="clip: rect(0px, 400px, 50px, 200px); position: absolute; top: 500px;">Some inline text <span> followed by text in span </span> followed by more inline text.
<p>Then a block level element.</p> <p>Then a block level element.</p>
Then more inline text.</div> Then more inline text.</div>
</body> </body>