LayoutTests/svg/custom/invalid-css.svg

   1 <?xml version="1.0" encoding="UTF-8"?>
   2 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
   3 <svg version="1.1" baseProfile="full" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="svg-root" width="100%" height="100%" viewBox="0 0 480 360">
   4     <style type="text/css"><![CDATA[
   5         /* use extra value (auto) to make the css properties invalid */
   6         #path1 {
   7             fill: red auto;
   8             fill-rule: evenodd auto;
   9             fill-opacity: 10% auto;
  10             marker-start: url(#marker1) auto;
  11             marker-mid: url(#marker1) auto;
  12             marker-end: url(#marker1) auto;
  13             marker: url(#marker1)  url(#marker1)  url(#marker1) auto;
  14             stroke-width: 100 auto;
  15             stroke-opacity: 10% auto;
  16             stroke-dasharray: 10 5 10 auto;
  17             clip-path: url(#clip1) auto;
  18             clip-rule: evenodd auto;
  19             opacity: 0%; /* does not seem supported yet */
  20             visibility: hidden auto;
  21         }
  22         #circle {
  23             filter: url(#blurxy) auto;
  24         }
  25         stop {
  26             stop-color: red auto;
  27             stop-opacity: 10% auto;
  28         }
  29         /* test text css props too? */
  30     ]]></style>
  31     <defs>
  32         <clipPath id="clip1">
  33             <circle cx="30" cy="40" r="10"/>
  34         </clipPath>
  35         <linearGradient id="grad" gradientUnits="objectBoundingBox" x1="0" y1="0" x2="1" y2="0">
  36             <stop stop-color="green"  offset="0"/>
  37         </linearGradient>
  38     </defs>
  39     <filter id="blurxy" filterUnits="objectBoundingBox" x="-10%" y="-10%" width="120%" height="120%">
  40         <feGaussianBlur stdDeviation="5 1"/>
  41     </filter>
  42     <marker id="marker1" viewBox="0 0 10 10" markerWidth="2" markerHeight="2" refX="5" refY="5" markerUnits="strokeWidth">
  43         <rect width="10" height="10" fill="red" stroke="none"/>
  44     </marker>
  45     <text x="0" y="13">The rect should be opaque green, black stroke,</text>
  46     <text x="0" y="33">no markers and no dashes.</text>
  47     <path id="path1" fill="green" stroke="black" d="M 30 40 L 80 40 L 80 90  L 30 90 Z"/>
  48     <circle id="path2" fill="url(#grad)" stroke="black" cx="180" cy="60" r="20"/>
  49     <text x="0" y="110">The circle should be opaque green, no filter,</text>
  50     <text x="0" y="130">green stop color.</text>
  51 </svg>