samples/batikCandy.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">

<!--

   Licensed to the Apache Software Foundation (ASF) under one or more
   contributor license agreements.  See the NOTICE file distributed with
   this work for additional information regarding copyright ownership.
   The ASF licenses this file to You under the Apache License, Version 2.0
   (the "License"); you may not use this file except in compliance with
   the License.  You may obtain a copy of the License at

       http://www.apache.org/licenses/LICENSE-2.0

   Unless required by applicable law or agreed to in writing, software
   distributed under the License is distributed on an "AS IS" BASIS,
   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   See the License for the specific language governing permissions and
   limitations under the License.

-->
<!-- ========================================================================= -->
<!-- Batik Logo - looks like Techno-Candy                                      -->
<!--                                                                           -->
<!-- @author tkormann@ilog.fr                                                  -->
<!-- @version $Id$ -->
<!-- ========================================================================= -->

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="450" height="500" viewBox="0 0 450 500">

<!-- ############################# -->
<defs>
  <radialGradient id="grad" r=".5">
    <stop stop-color="white" offset="0" />
    <stop stop-color="gold" offset="1" />
  </radialGradient>
</defs>


  <rect x="0" y="0" width="100%" height="100%" style="fill:gold" />
  <ellipse cx="0" cy="0" rx="40%" ry="20%" style="fill:url(#grad)" />

<!-- ############################# -->

<defs>
<font horiz-adv-x="838" ><font-face
    font-family="SVGImpact"
    units-per-em="2048"
    panose-1="2 11 8 6 3 9 2 5 2 4"
    ascent="2066"
    descent="-432"
     />

<missing-glyph horiz-adv-x="1536" d="M256 0V1280H1280V0H256ZM288 32H1248V1248H288V32Z" />

<glyph unicode="B" glyph-name="B" horiz-adv-x="1131" d="M84 1619H504Q703 1619 805 1588T971 1463T1034 1158Q1034 1016 990 960T814 874Q960 841 1012 765T1064 530V380Q1064 216 1027 137T907 29T571 0H84V1619ZM505 1342V982Q532 983 547 983Q609 983 626
1013T643 1188Q643 1264 629 1294T593 1333T505 1342ZM505 730V277Q594 280 618 305T643 428V579Q643 683 621 705T505 730Z" />

<glyph unicode="a" glyph-name="a" horiz-adv-x="1032" d="M433 813H54V902Q54 1056 89 1139T232 1287T510 1351Q715 1351 819 1279T944 1101T965 666V0H572V118Q535 47 477 12T337 -24Q231 -24 143 35T54 296V405Q54 554 101 608T334 734Q533 812 547 839T561
949Q561 1053 546 1084T494 1116Q453 1116 443 1090T433 952V813ZM561 631Q464 560 449 512T433 374Q433 271 446 241T500 211Q538 211 549 234T561 358V631Z" />

<glyph unicode="b" glyph-name="b" horiz-adv-x="1064" d="M476 1619V1236Q526 1294 587 1322T721 1351Q804 1351 865 1325T958 1252T996 1160T1003 968V370Q1003 224 984 153T892 29T721 -24Q650 -24 589 7T476 100L450 0H72V1619H476ZM599 950Q599 1053 586
1084T535 1116Q498 1116 487 1089T476 950V378Q476 271 488 241T538 211Q576 211 587 242T599 391V950Z" />

<glyph unicode="i" glyph-name="i" horiz-adv-x="561" d="M488 1619V1408H72V1619H488ZM488 1327V0H72V1327H488Z" />

<glyph unicode="k" glyph-name="k" horiz-adv-x="979" d="M942 1327L778 798L991 0H602L476 578V0H72V1619H476V939L602 1327H942Z" />

<glyph unicode="t" glyph-name="t" horiz-adv-x="624" d="M498 1504V1295H607V1085H498V375Q498 244 511 229T624 214V0H461Q323 0 264 11T160 64T104 159T93 411V1085H6V1295H93V1504H498Z" />
</font>

          <filter id="dropShadow"  filterUnits="objectBoundingBox" width="1.4" height="1.4">
              <feGaussianBlur in="SourceAlpha" stdDeviation="4" /> 
              <feOffset dx="4" dy="4" />
              <feComponentTransfer result="shadow">
                 <feFuncA type="linear" slope=".5" intercept="0" />
              </feComponentTransfer>
          </filter>

   <filter id="emboss" >
     <feGaussianBlur in="SourceAlpha" stdDeviation="2" result="blur"/>
     <feSpecularLighting in="blur" surfaceScale="-3" style="lighting-color:white"
                   specularConstant="1" specularExponent="16" 
                              result="spec" kernelUnitLength="1" >
       <feDistantLight azimuth="45" elevation="45" />
     </feSpecularLighting>
     <feComposite in="spec" in2="SourceGraphic" operator="in" result="specOut"/>
   </filter>
</defs>

<g style="font-size:128; font-family:SVGImpact; text-anchor:middle;">
  <text x="50%" y="35%" style="filter:url(#dropShadow)">Batik</text>
  <text x="50%" y="35%" style="fill:rgb(172,20,20)">Batik</text>
  <text x="50%" y="35%" style="filter:url(#emboss)">Batik</text>
</g>

<!-- ############################# -->

<defs>
  <g id="eye" style="stroke-width:8">
    <line x1="0" y1="-10" x2="0" y2="10"/>
    <line x1="-10" y1="0" x2="10" y2="0"/>
  </g>

  <g id="face">
    <circle cx="225" cy="320" r="90" />
    <use xlink:href="#eye" x="195" y="305" />
    <use xlink:href="#eye" x="255" y="305" />
  </g>

          <filter id="dropShadow2"  filterUnits="objectBoundingBox" x="-1.2" y="-1.2" width="6" height="6">
              <feGaussianBlur in="SourceAlpha" stdDeviation="4" /> 
              <feOffset dx="4" dy="4" />
              <feComponentTransfer result="shadow">
                 <feFuncA type="linear" slope=".5" intercept="0" />
              </feComponentTransfer>
              <feComposite in2="shadow" in="SourceGraphic"/>
          </filter>

  <path id="eyeUp" d="M240 277 A20 25 0 0 1 270 277" />

</defs>


<g style="stroke:black; fill:none; stroke-width:12;">
  <use xlink:href="#face" style="filter:url(#dropShadow)" />
  <use xlink:href="#face" />
  <use xlink:href="#face" style="filter:url(#emboss)" />
</g>

<g style="stroke:black; fill:none; stroke-width:8; stroke-linecap:round; ">
  <use xlink:href="#eyeUp" style="filter:url(#dropShadow2)" />
  <use xlink:href="#eyeUp" style="stroke:rgb(172,20,20)" />
  <use xlink:href="#eyeUp" style="filter:url(#emboss)" />
</g>

    <!-- ============================================================= -->
    <!-- Batik sample mark                                             -->
    <!-- ============================================================= -->
    <use xlink:href="batikLogo.svg#Batik_Tag_Box" />

</svg>