Squib samples

.gitignore

_output/*

_backend-config.yml

# To configure for using SVG as our backend, we need to set this option
# This will create a series of SVG files that get updated with Squib command
backend: svg
# They are auto-saved with this background
prefix: backend_vectors_

_backend.rb

require 'squib'

# Our SVGs are auto-saved after each step using the configuration parameters
Squib::Deck.new(cards: 2, config: '_backend-config.yml') do

  # These are all supported by the SVG backend
  background color: :gray
  text       str: 'Hello, world!', y: 500, width: 825, font: 'Sans bold 72', align: :center
  rect       x: 38, y: 38, width: 750, height: 1050, x_radius: 38, y_radius: 38
  circle     x: 100, y: 400, radius: 25
  triangle   x1: 100, y1: 425, x2: 125, y2: 475, x3: 75, y3: 475
  line       x1: 100, y1: 620, x2: 720, y2: 620, stroke_width: 15.0
  svg        file: 'spanner.svg', x: 100, y: 75
  png        file: 'shiny-purse.png', x: 250, y: 75 # raster can still be used too
  png        file: 'shiny-purse.png', x: 250, y: 250, mask: :red # still renders as raster
  # We can still rasterize whenever we want
  save_png prefix: 'backend_'

  # And our PDFs will be vectorized .
  save_pdf file: 'backend_vectorized.pdf', gap: 5

  # This one is a known issue. Masking an SVG onto an SVG backend is still buggy.
  # svg        file: 'glass-heart.svg', x: 100, y: 200, width: 100, height: 100, mask: :sangria

  # This one is, unfortunately, not possible with svg back ends
  #   Cairo lacks a perspective transform (currently), so we have to
  #   use a striping method, which assumes raster. Fortunately, Cairo
  #   has perspective transforms on its roadmap,
  #   so perhaps this can be done someday with all vectors.
  #
  # showcase file: 'showcase.png', fill_color: 'white'

end

backend_00_expected.png

backend_01_expected.png

backend_vectorized_expected.pdf

backend_vectors_00_expected.svg

<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="825pt" height="1125pt" viewBox="0 0 825 1125" version="1.1">
<defs>
<g>
<symbol overflow="visible" id="glyph0-0">
<path style="stroke:none;" d="M 12 0 L 12 -72 L 84 -72 L 84 0 Z M 18 -6 L 78 -6 L 78 -66 L 18 -66 Z M 18 -6 "/>
</symbol>
<symbol overflow="visible" id="glyph0-1">
<path style="stroke:none;" d="M 66 0 L 48 0 L 48 -31 L 25 -31 L 25 0 L 7 0 L 7 -70 L 25 -70 L 25 -44 L 48 -44 L 48 -70 L 66 -70 Z M 66 0 "/>
</symbol>
<symbol overflow="visible" id="glyph0-2">
<path style="stroke:none;" d="M 33.109375 1 C 23.066406 0.996094 15.371094 -1.390625 10.023438 -6.164063 C 4.671875 -10.9375 1.996094 -17.742188 2 -26.578125 C 1.996094 -35.210938 4.496094 -42.105469 9.492188 -47.265625 C 14.484375 -52.417969 21.464844 -54.996094 30.4375 -55 C 38.589844 -54.996094 44.722656 -52.828125 48.835938 -48.5 C 52.941406 -44.164063 54.996094 -37.960938 55 -29.890625 L 55 -24 L 18 -24 C 18.15625 -21.507813 18.683594 -19.425781 19.585938 -17.757813 C 20.484375 -16.082031 21.675781 -14.75 23.15625 -13.765625 C 24.601563 -12.78125 26.289063 -12.078125 28.21875 -11.648438 C 30.144531 -11.214844 32.246094 -10.996094 34.53125 -11 C 36.484375 -10.996094 38.414063 -11.207031 40.3125 -11.625 C 42.207031 -12.039063 43.941406 -12.589844 45.515625 -13.28125 C 46.898438 -13.863281 48.175781 -14.496094 49.351563 -15.179688 C 50.519531 -15.859375 51.476563 -16.464844 52.21875 -17 L 54 -17 L 54 -3.375 C 52.644531 -2.84375 51.402344 -2.351563 50.28125 -1.898438 C 49.152344 -1.445313 47.617188 -0.984375 45.671875 -0.515625 C 43.867188 -0.0390625 42.011719 0.332031 40.101563 0.601563 C 38.1875 0.863281 35.855469 0.996094 33.109375 1 Z M 39 -34 C 38.894531 -37.582031 38.039063 -40.3125 36.4375 -42.1875 C 34.832031 -44.0625 32.367188 -45 29.046875 -45 C 25.65625 -45 23.011719 -44.015625 21.109375 -42.046875 C 19.199219 -40.078125 18.148438 -37.394531 17.953125 -34 Z M 39 -34 "/>
</symbol>
<symbol overflow="visible" id="glyph0-3">
<path style="stroke:none;" d="M 22 0 L 6 0 L 6 -73 L 22 -73 Z M 22 0 "/>
</symbol>
<symbol overflow="visible" id="glyph0-4">
<path style="stroke:none;" d="M 57 -26.46875 C 57 -17.640625 54.605469 -10.691406 49.820313 -5.617188 C 45.03125 -0.539063 38.257813 1.996094 29.5 2 C 20.808594 1.996094 14.054688 -0.539063 9.234375 -5.617188 C 4.410156 -10.691406 1.996094 -17.640625 2 -26.46875 C 1.996094 -35.390625 4.410156 -42.378906 9.234375 -47.429688 C 14.054688 -52.472656 20.808594 -54.996094 29.5 -55 C 38.226563 -54.996094 44.992188 -52.457031 49.796875 -47.382813 C 54.597656 -42.300781 57 -35.328125 57 -26.46875 Z M 40 -26.375 C 39.996094 -29.558594 39.734375 -32.214844 39.21875 -34.335938 C 38.695313 -36.453125 37.972656 -38.148438 37.046875 -39.421875 C 36.066406 -40.753906 34.960938 -41.683594 33.726563 -42.210938 C 32.492188 -42.734375 31.082031 -42.996094 29.5 -43 C 28.007813 -42.996094 26.660156 -42.765625 25.460938 -42.304688 C 24.253906 -41.839844 23.148438 -40.957031 22.140625 -39.65625 C 21.179688 -38.414063 20.417969 -36.710938 19.851563 -34.546875 C 19.28125 -32.378906 18.996094 -29.652344 19 -26.375 C 18.996094 -23.101563 19.265625 -20.453125 19.804688 -18.429688 C 20.339844 -16.398438 21.035156 -14.78125 21.890625 -13.578125 C 22.785156 -12.335938 23.894531 -11.429688 25.226563 -10.859375 C 26.550781 -10.28125 28.023438 -9.996094 29.640625 -10 C 30.972656 -9.996094 32.328125 -10.28125 33.703125 -10.859375 C 35.078125 -11.429688 36.175781 -12.289063 37 -13.4375 C 37.988281 -14.796875 38.734375 -16.445313 39.242188 -18.375 C 39.742188 -20.300781 39.996094 -22.964844 40 -26.375 Z M 40 -26.375 "/>
</symbol>
<symbol overflow="visible" id="glyph0-5">
<path style="stroke:none;" d="M 26 -18 L 9.84375 18 L 0 18 L 9.09375 -18 Z M 26 -18 "/>
</symbol>
<symbol overflow="visible" id="glyph0-6">
<path style="stroke:none;" d=""/>
</symbol>
<symbol overflow="visible" id="glyph0-7">
<path style="stroke:none;" d="M 84 -53 L 68.8125 0 L 51.578125 0 L 42.453125 -34.265625 L 33.28125 0 L 16.046875 0 L 1 -53 L 17.625 -53 L 26.015625 -17.9375 L 35.875 -53 L 50.1875 -53 L 59.5 -17.9375 L 67.359375 -53 Z M 84 -53 "/>
</symbol>
<symbol overflow="visible" id="glyph0-8">
<path style="stroke:none;" d="M 42 -38 L 40.5625 -38 C 39.902344 -38.328125 38.945313 -38.578125 37.695313 -38.75 C 36.4375 -38.914063 35.050781 -39 33.53125 -39 C 31.714844 -39 29.8125 -38.742188 27.820313 -38.226563 C 25.824219 -37.710938 23.882813 -37.097656 22 -36.390625 L 22 0 L 6 0 L 6 -53 L 22 -53 L 22 -45.234375 C 22.789063 -45.921875 23.886719 -46.789063 25.289063 -47.84375 C 26.6875 -48.890625 27.964844 -49.730469 29.125 -50.359375 C 30.382813 -51.085938 31.847656 -51.707031 33.515625 -52.226563 C 35.179688 -52.738281 36.75 -52.996094 38.234375 -53 C 38.792969 -52.996094 39.421875 -52.980469 40.117188 -52.953125 C 40.808594 -52.917969 41.4375 -52.878906 42 -52.828125 Z M 42 -38 "/>
</symbol>
<symbol overflow="visible" id="glyph0-9">
<path style="stroke:none;" d="M 54 0 L 38 0 L 38 -5.484375 C 36.914063 -4.609375 35.679688 -3.671875 34.289063 -2.671875 C 32.898438 -1.671875 31.675781 -0.921875 30.625 -0.421875 C 29.277344 0.328125 27.949219 0.917969 26.640625 1.351563 C 25.324219 1.78125 23.757813 1.996094 21.9375 2 C 15.800781 1.996094 10.941406 -0.550781 7.367188 -5.648438 C 3.785156 -10.746094 1.996094 -17.558594 2 -26.09375 C 1.996094 -30.796875 2.605469 -34.882813 3.820313 -38.351563 C 5.03125 -41.8125 6.710938 -44.832031 8.859375 -47.40625 C 10.804688 -49.738281 13.167969 -51.585938 15.953125 -52.953125 C 18.730469 -54.3125 21.667969 -54.996094 24.765625 -55 C 27.574219 -54.996094 29.882813 -54.707031 31.695313 -54.132813 C 33.5 -53.550781 35.601563 -52.652344 38 -51.4375 L 38 -73 L 54 -73 Z M 38 -14.3125 L 38 -41.515625 C 37.164063 -41.9375 36.070313 -42.292969 34.71875 -42.578125 C 33.359375 -42.855469 32.199219 -42.996094 31.234375 -43 C 27.167969 -42.996094 24.113281 -41.546875 22.070313 -38.65625 C 20.019531 -35.757813 18.996094 -31.707031 19 -26.5 C 18.996094 -21.039063 19.8125 -17.089844 21.445313 -14.65625 C 23.074219 -12.214844 25.707031 -10.996094 29.34375 -11 C 30.820313 -10.996094 32.316406 -11.292969 33.835938 -11.890625 C 35.347656 -12.480469 36.734375 -13.289063 38 -14.3125 Z M 38 -14.3125 "/>
</symbol>
<symbol overflow="visible" id="glyph0-10">
<path style="stroke:none;" d="M 25 -70 L 23.140625 -20 L 8.859375 -20 L 7 -70 Z M 25 0 L 7 0 L 7 -12 L 25 -12 Z M 25 0 "/>
</symbol>
</g>
<clipPath id="clip1">
  <path d="M 100 82 L 218 82 L 218 203 L 100 203 Z M 100 82 "/>
</clipPath>
<image id="image8" width="128" height="128" xlink:href="data:image/png;base64,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"/>
<filter id="alpha" filterUnits="objectBoundingBox" x="0%" y="0%" width="100%" height="100%">
  <feColorMatrix type="matrix" in="SourceGraphic" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0"/>
</filter>
<mask id="mask0">
  <g filter="url(#alpha)">
<use xlink:href="#image8" transform="matrix(1,0,0,1,250,250)"/>
  </g>
</mask>
</defs>
<g id="surface1">
<rect x="0" y="0" width="825" height="1125" style="fill:rgb(50.196078%,50.196078%,50.196078%);fill-opacity:1;stroke:none;"/>
<g style="fill:rgb(0%,0%,0%);fill-opacity:1;">
  <use xlink:href="#glyph0-1" x="106" y="596"/>
  <use xlink:href="#glyph0-2" x="179" y="596"/>
  <use xlink:href="#glyph0-3" x="236" y="596"/>
  <use xlink:href="#glyph0-3" x="265" y="596"/>
  <use xlink:href="#glyph0-4" x="294" y="596"/>
  <use xlink:href="#glyph0-5" x="353" y="596"/>
  <use xlink:href="#glyph0-6" x="383" y="596"/>
  <use xlink:href="#glyph0-7" x="411" y="596"/>
  <use xlink:href="#glyph0-4" x="496" y="596"/>
  <use xlink:href="#glyph0-8" x="555" y="596"/>
  <use xlink:href="#glyph0-3" x="597" y="596"/>
  <use xlink:href="#glyph0-9" x="626" y="596"/>
  <use xlink:href="#glyph0-10" x="686" y="596"/>
</g>
<path style="fill:none;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke:rgb(0%,0%,0%);stroke-opacity:1;stroke-miterlimit:10;" d="M 76 38 L 750 38 C 769 38 788 57 788 76 L 788 1050 C 788 1069 769 1088 750 1088 L 76 1088 C 57 1088 38 1069 38 1050 L 38 76 C 38 57 57 38 76 38 Z M 76 38 "/>
<path style="fill:none;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke:rgb(0%,0%,0%);stroke-opacity:1;stroke-miterlimit:10;" d="M 125 400 C 125 413.808594 113.808594 425 100 425 C 86.191406 425 75 413.808594 75 400 C 75 386.191406 86.191406 375 100 375 C 113.808594 375 125 386.191406 125 400 "/>
<path style="fill:none;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke:rgb(0%,0%,0%);stroke-opacity:1;stroke-miterlimit:10;" d="M 100 425 L 125 475 L 75 475 Z M 100 425 "/>
<path style="fill:none;stroke-width:15;stroke-linecap:butt;stroke-linejoin:miter;stroke:rgb(0%,0%,0%);stroke-opacity:1;stroke-miterlimit:10;" d="M 100 620 L 720 620 "/>
<path style="fill-rule:nonzero;fill:rgb(0%,0%,0%);fill-opacity:1;stroke-width:10.625396;stroke-linecap:round;stroke-linejoin:round;stroke:rgb(0%,0%,0%);stroke-opacity:1;stroke-miterlimit:4;" d="M 72.416536 -378.68698 L 439.575917 -378.68698 C 476.648655 -378.68698 506.694943 -348.640692 506.694943 -311.583603 L 506.694943 55.575778 C 506.694943 92.648516 476.648655 122.694804 439.575917 122.694804 L 72.416536 122.694804 C 35.359447 122.694804 5.313159 92.648516 5.313159 55.575778 L 5.313159 -311.583603 C 5.313159 -348.640692 35.359447 -378.68698 72.416536 -378.68698 Z M 72.416536 -378.68698 " transform="matrix(0.249615,0,0,0.249615,100.197194,171.049335)"/>
<path style=" stroke:none;fill-rule:nonzero;fill:rgb(0%,0%,0%);fill-opacity:1;" d="M 109.25 169.125 C 104.289063 172.332031 101 177.90625 101 184.25 C 101 194.191406 109.058594 202.25 119 202.25 C 124.957031 202.25 130.222656 199.335938 133.5 194.875 C 130.6875 196.691406 127.34375 197.75 123.75 197.75 C 113.808594 197.75 105.75 189.691406 105.75 179.75 C 105.75 175.765625 107.058594 172.105469 109.25 169.125 Z M 109.25 169.125 "/>
<path style=" stroke:none;fill-rule:nonzero;fill:rgb(100%,100%,100%);fill-opacity:1;" d="M 151.84375 123.230469 L 105.195313 169.878906 L 105.195313 195.828125 L 130.269531 195.828125 L 177.355469 148.742188 Z M 151.84375 123.230469 "/>
<path style=" stroke:none;fill-rule:nonzero;fill:rgb(100%,100%,100%);fill-opacity:1;" d="M 103.082031 181.722656 L 175.945313 108.867188 M 191.570313 124.488281 L 117.839844 198.207031 "/>
<g clip-path="url(#clip1)" clip-rule="nonzero">
<path style="fill:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke:rgb(0%,0%,0%);stroke-opacity:1;stroke-miterlimit:4;" d="M 181.779507 141.859042 L 197.398822 126.241402 M 200.74827 129.590013 L 184.943061 145.39271 " transform="matrix(4.664947,0,0,4.664947,-744.909784,-480.042297)"/>
</g>
<path style=" stroke:none;fill-rule:nonzero;fill:rgb(100%,100%,100%);fill-opacity:1;" d="M 193.6875 78.402344 C 180.496094 74.996094 165.875 78.382813 155.546875 88.707031 C 140.015625 104.238281 140.015625 129.460938 155.546875 144.992188 C 171.078125 160.523438 196.300781 160.523438 211.832031 144.992188 C 222.167969 134.652344 225.5625 120.054688 222.140625 106.851563 L 195.851563 133.136719 L 173.378906 127.160156 L 167.402344 104.6875 Z M 193.6875 78.402344 "/>
<use xlink:href="#image8" transform="matrix(1,0,0,1,250,75)"/>
<rect x="0" y="0" width="825" height="1125" style="fill:rgb(100%,0%,0%);fill-opacity:1;stroke:none;" mask="url(#mask0)"/>
</g>
</svg>

backend_vectors_01_expected.svg

shiny-purse.png

spanner.svg