You are viewing a plain text version of this content. The canonical link for it is here.
Posted to batik-dev@xmlgraphics.apache.org by tk...@apache.org on 2001/10/11 15:35:38 UTC
cvs commit: xml-batik/samples/tests cssMedia.svg cssMediaPrint.css cssMediaProjection.css cssMediaScreen.css
tkormann 01/10/11 06:35:38
Added: samples/tests cssMedia.svg cssMediaPrint.css
cssMediaProjection.css cssMediaScreen.css
Log:
add a new test for css media.
Revision Changes Path
1.1 xml-batik/samples/tests/cssMedia.svg
Index: cssMedia.svg
===================================================================
<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN"
"http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
<!-- ========================================================================= -->
<!-- Copyright (C) The Apache Software Foundation. All rights reserved. -->
<!-- -->
<!-- This software is published under the terms of the Apache Software License -->
<!-- version 1.1, a copy of which has been included with this distribution in -->
<!-- the LICENSE file. -->
<!-- ========================================================================= -->
<!-- ========================================================================= -->
<!-- Alternate stylesheets -->
<!-- -->
<!-- @author tkormann@ilog.fr -->
<!-- @version $Id: cssMedia.svg,v 1.1 2001/10/11 13:35:38 tkormann Exp $ -->
<!-- ========================================================================= -->
<?xml-stylesheet type="text/css" href="test.css" ?>
<?xml-stylesheet type="text/css" href="cssMediaScreen.css" media="screen"?>
<?xml-stylesheet type="text/css" href="cssMediaProjection.css" media="projection"?>
<?xml-stylesheet type="text/css" href="cssMediaPrint.css" media="print"?>
<svg width="450" height="500" viewBox="0 0 450 500">
<title>CSS Media</title>
<!-- ============================================================= -->
<!-- Test content -->
<!-- ============================================================= -->
<g id="testContent">
<text x="225" y="50" class="title">CSS Media</text>
<text x="20" y="80" style="font-size:12; text-anchor:start">
<tspan>Demonstrate how a slide can be different depending on the CSS media.</tspan>
<tspan x="20" y="94">Choose your media using the 'Edit=>Preference' menu item.</tspan>
<tspan x="20" y="108">You can switch between 'screen', 'print' or 'projection'</tspan>
</text>
<defs>
<pattern id="stripes" patternUnits="userSpaceOnUse" x="0" y="0" width="188" height="4">
<rect width="188" height="2" fill="black" fill-opacity=".2" />
</pattern>
<linearGradient id="backgroundGradient" x2="1" y2="0">
<stop offset="0" stop-color="rgb(125, 72, 255)" />
<stop offset=".25" stop-color="rgb(124, 65, 239)" />
<stop offset="1" stop-color="black" />
</linearGradient>
<linearGradient id="lineGradient" x2="1" y2="0">
<stop offset="0" stop-color="black" />
<stop offset=".75" stop-color="rgb(124, 65, 239)" />
<stop offset="1" stop-color="rgb(125, 72, 255)" />
</linearGradient>
</defs>
<g>
<!-- #################################### -->
<!-- background -->
<!-- #################################### -->
<rect class="background" x="10" y="130" width="430" height="300" />
<g class="fancyBackground">
<rect x="10" y="180" width="50" height="250" style="fill:url(#backgroundGradient)" />
<rect x="10" y="180" width="50" height="250" style="fill:url(#stripes)" />
<rect x="10" y="180" width="430" height="4" style="fill:url(#backgroundGradient)" />
</g>
<!-- #################################### -->
<!-- slide content -->
<!-- #################################### -->
<g class="sectionTitle">
<text x="30" y="160">What is SVG?</text>
<g>
<text x="30" y="210">* Stands for Scalable Vector Graphics</text>
<text x="30" y="285">* An XML grammar for defining vector-based 2D graphics</text>
<text x="30" y="360">* W3C Recommendation - 4 Sept. 2001</text>
</g>
</g>
<!-- #################################### -->
<!-- slide text -->
<!-- #################################### -->
<g class="sectionContent">
<text x="50" y="230">
<tspan>The specification defines the features and syntax for Scalable Vector Graphics (SVG),</tspan>
<tspan x="50" dy="12">a language for describing two-dimensional vector and mixed vector/raster graphics</tspan>
<tspan x="50" dy="12">in XML.</tspan>
</text>
<text x="50" y="305">
<tspan>SVG is a language for describing two-dimensional graphics in XML [XML10].</tspan>
<tspan x="50" dy="12">SVG allows for three types of graphic objects: vector graphic shapes, images</tspan>
<tspan x="50" dy="12">and text.</tspan>
</text>
<text x="50" y="380">
<tspan>This document has been reviewed by W3C Members and other interested parties and</tspan>
<tspan x="50" dy="12">has been endorsed by the Director as a W3C Recommendation. It is a stable</tspan>
<tspan x="50" dy="12">document and may be used as reference material or cited as a normative reference</tspan>
<tspan x="50" dy="12">from another document.</tspan>
</text>
</g>
</g>
</g>
<!-- ============================================================= -->
<!-- Batik sample mark -->
<!-- ============================================================= -->
<use xlink:href="../batikLogo.svg#Batik_Tag_Box" />
</svg>
1.1 xml-batik/samples/tests/cssMediaPrint.css
Index: cssMediaPrint.css
===================================================================
.fancyBackground {
visibility: hidden;
}
.background {
fill: white;
stroke: none;
}
.sectionTitle {
stroke: none;
fill: black;
font-size: 14;
}
.sectionContent {
visibility: visible;
font-size: 10;
fill: black;
stroke: none;
}
1.1 xml-batik/samples/tests/cssMediaProjection.css
Index: cssMediaProjection.css
===================================================================
.fancyBackground {
visibility: visible;
}
.background {
fill: black;
stroke: none;
}
.sectionTitle {
stroke: none;
fill: white;
font-size: 14;
font-weight: bold;
}
.sectionContent {
visibility: hidden;
}
1.1 xml-batik/samples/tests/cssMediaScreen.css
Index: cssMediaScreen.css
===================================================================
.fancyBackground {
visibility: hidden;
}
.background {
fill: black;
stroke: none;
}
.sectionTitle {
stroke: none;
fill: white;
font-size: 14;
}
.sectionContent {
visibility: visible;
font-size: 10;
fill: white;
stroke: none;
}
---------------------------------------------------------------------
To unsubscribe, e-mail: batik-dev-unsubscribe@xml.apache.org
For additional commands, e-mail: batik-dev-help@xml.apache.org