mirror of
https://github.com/Hopiu/fabric.js.git
synced 2026-05-03 03:24:42 +00:00
104 lines
4 KiB
HTML
Executable file
104 lines
4 KiB
HTML
Executable file
<?xml version="1.0" encoding="UTF-8"?>
|
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
|
|
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
|
<html xmlns="http://www.w3.org/1999/xhtml">
|
|
<head>
|
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
|
|
<meta name="keywords" content="W3C SVG 1.1 Test Suite testsuite mobile"/>
|
|
<meta name="description" content="W3C SVG 1.2 Tiny Test Suite"/>
|
|
<title>
|
|
SVG 1.2 Tiny test:media-video-216-t </title>
|
|
<style type="text/css">
|
|
<!--
|
|
.bodytext { font-family:verdana, helvetica, sans-serif; font-size: 12pt; line-height: 125%; text-align: Left; margin-top: 0; margin-bottom: 0 }
|
|
.pageTitle { line-height: 150%; font-size: 20pt; font-weight : 900; margin-bottom: 20pt }
|
|
.pageSubTitle { color : blue; line-height: 100%; font-size: 24pt; font-weight : 900 }
|
|
.openChapter { color : blue; line-height: 125%; font-weight : 900 }
|
|
.openSection { color : blue; line-height: 125%; font-weight : 900 }
|
|
.info { color : black; line-height: 110%; font-size: 10pt; font-weight : 100 }
|
|
p { margin-top:0; margin-bottom:0; padding-top:0; padding-bottom:0 }
|
|
blockquote { margin-top:0; margin-bottom:0; padding-top:0; padding-bottom:0 }
|
|
.opscript {margin-left: 3%; margin-right: 3%; }
|
|
.opscript p { margin-top: 0.7em}
|
|
.navbar {background: black; color: white; font-weight: bold}
|
|
-->
|
|
</style>
|
|
</head>
|
|
<body class="bodytext">
|
|
|
|
<div class="linkbar">
|
|
<p>
|
|
<a href="media-video-216-t.html">Tiny version</a></p>
|
|
<p>Specification link: <a target="spec" href="http://www.w3.org/TR/SVGMobile12/multimedia.html">12.3 The 'video' element</a></p>
|
|
<p>
|
|
<a href="media-video-215-t.html">media-video-215-t ←</a>
|
|
<a href="index.html">index</a>
|
|
<a href="media-video-218-t.html">→ media-video-218-t</a>
|
|
</p></div>
|
|
|
|
<table align="center" border="0" cellspacing="0" cellpadding="10">
|
|
<tr>
|
|
<td align="center" colspan="3">
|
|
<table border="0" cellpadding="8">
|
|
<tr>
|
|
<td align="center" colspan="2" class="pageTitle">
|
|
<h1>media-video-216-t</h1>
|
|
</td>
|
|
</tr>
|
|
<tr class="navbar">
|
|
<td align="center">
|
|
SVG Image
|
|
</td>
|
|
<td align="center">
|
|
PNG Image
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td align="right">
|
|
<object data="../svggen/media-video-216-t.svg" width="480" height="360" type="image/svg+xml"><p style="font-size:300%;color:red">FAIL</p></object>
|
|
</td>
|
|
<td align="left">
|
|
<img alt="raster image of media-video-216-t" src="../png/media-video-216-t.png" width="480" height="360"/>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
|
|
|
|
<div class="opscript">
|
|
<p>
|
|
Tests the different transformBehavior values on video.
|
|
Pinned, Pinned90, Pinned180, Pinned270
|
|
</p>
|
|
<p>
|
|
The 1st video element has transformBehavior set to pinned and is displayed in the top-left of a 4-video box.
|
|
</p>
|
|
<p>
|
|
The 2nd video element has transformBehavior set to pinned90 and is displayed in the top-right of a 4-video box.
|
|
</p>
|
|
<p>
|
|
The 3rd video element has transformBehavior set to pinned180 and is displayed in the bottom-left of a 4-video box.
|
|
</p>
|
|
<p>
|
|
The 4th video element has transformBehavior set to pinned270 and is displayed in the bottom-right of a 4-video box.
|
|
</p>
|
|
<p>
|
|
There are 4 green-stroked rectangles indicating the expected position and orientation, but not size.
|
|
</p>
|
|
<p>
|
|
The videos should display with the appropriate rotation, centered on the green rectangles but not bound by them in any way, since determining the exact pixel size of the rectangles is not possible.
|
|
</p>
|
|
<p>
|
|
If the user agent does not support the 3GP media format, the test is still a pass.
|
|
</p>
|
|
|
|
</div>
|
|
<div class="linkbar"> <p>
|
|
<a href="media-video-215-t.html">media-video-215-t ←</a>
|
|
<a href="index.html">index</a>
|
|
<a href="media-video-218-t.html">→ media-video-218-t</a>
|
|
</p></div>
|
|
</body>
|
|
</html>
|