SVG Portrait

Portrait.svg

<svg X="0" Y="0" WIDTH="1200" height="800" viewbox="0 0 1200 800">
  <defs>
  <filter id="half-tone" x="0%" y="0%" width="100%" height="100%" primitiveUnits="objectBoundingBox" color-interpolation-filters="sRGB">
    <feColorMatrix type="luminanceToAlpha" result="neg-lum-map"/>
    <feComponentTransfer result="lum-map">
      <feFuncA type="table" tableValues="1 0"/>
      </feComponentTransfer>
 
   <feFlood x=".0005" y=".0005" width=".001" height=".0015" flood-color="green" result="black-dot"/>
    <feFlood x="0" y="0" width=".01" height=".01" flood-color="white" result="white-field"/>
    <feComposite operator="over" in="black-dot" in2="white-field"/>
   <feTile result="1r"/>
 
    <feMorphology in="1r" operator="erode" radius=".0015"/>
    <feOffset dx=".005" dy=".005" result="2r"/>
    <feMorphology in="1r" operator="erode" radius=".002"/>
        <feOffset dx="-.005" dy=".005" result="3r"/>
    <feMorphology in="1r" operator="erode" radius=".003" />
        <feOffset dx=".005" dy="-.005" result="4r"/>
    <feMorphology in="1r" operator="erode" radius=".0035"/>
        <feOffset dx="-.005" dy="-.005" result="5r"/>
    
     <feComponentTransfer in="lum-map" result="1r-thresh">
       <feFuncA type="discrete" tableValues="0 1 0 0 0 0" />
    </feComponentTransfer>
     <feComposite operator="in" in="1r" in2="1r-thresh" result="1r-var"/>
   <feComponentTransfer in="1r-var" result="1r-ceil">
       <feFuncA type="discrete" tableValues="0 1 1 1 1 1" />
    </feComponentTransfer>
    
    
    <feComponentTransfer in="lum-map" result="2r-thresh">
       <feFuncA type="discrete" tableValues="0 0 1 0 0 0" />
    </feComponentTransfer>
     <feComposite operator="in" in="2r" in2="2r-thresh" result="2r-var"/>
   <feComponentTransfer in="2r-var" result="2r-ceil">
       <feFuncA type="discrete" tableValues="0 1 1 1 1 1" />
    </feComponentTransfer>
    
      
    <feComponentTransfer in="lum-map" result="3r-thresh">
       <feFuncA type="discrete" tableValues="0 0 0 1 0 0" />
    </feComponentTransfer>
     <feComposite operator="in" in="3r" in2="3r-thresh" result="3r-var"/>
   <feComponentTransfer in="3r-var" result="3r-ceil">
       <feFuncA type="discrete" tableValues="0 1 1 1 1 1" />
    </feComponentTransfer>
    
    
   <feComponentTransfer in="lum-map" result="4r-thresh">
       <feFuncA type="discrete" tableValues="0 0 0 0 1 0" />
    </feComponentTransfer>
     <feComposite operator="in" in="4r" in2="4r-thresh" result="4r-var"/>
   <feComponentTransfer in="4r-var" result="4r-ceil">
       <feFuncA type="discrete" tableValues="0 1 1 1 1 1" />
    </feComponentTransfer>
    
   
       <feComponentTransfer in="lum-map" result="5r-thresh">
       <feFuncA type="discrete" tableValues="0 0 0 0 0 1" />
    </feComponentTransfer>
     <feComposite operator="in" in="5r" in2="5r-thresh" result="5r-var"/>
   <feComponentTransfer in="5r-var" result="5r-ceil">
       <feFuncA type="discrete" tableValues="0 1 1 1 1 1" />
    </feComponentTransfer>
    
    
    <feMerge>
      <feMergeNode in="1r-ceil"/>
      <feMergeNode in="2r-ceil"/>
      <feMergeNode in="3r-ceil"/>
      <feMergeNode in="4r-ceil"/>
      <feMergeNode in="5r-ceil"/>
    </feMerge>
    <feComposite operator="in" in2="SourceGraphic"/>
    
  </filter>
</defs>
  <image x="0" y="0" width="600" height="800" xlink:href="http://thebiermans.net/images/michael_bierman.jpg"/>
  
  <image x="600" y="0" width="600" height="800" filter="url(#half-tone)" xlink:href="http://thebiermans.net/images/michael_bierman.jpg"/>
  
</svg>