diff --git a/samples/load_images.rb b/samples/load_images.rb index 3688bb6..d76ffab 100644 --- a/samples/load_images.rb +++ b/samples/load_images.rb @@ -15,5 +15,9 @@ Squib::Deck.new(width: 825, height: 1125, cards: 1) do svg file: 'spanner.svg', id: '#backdrop', x: 50, y: 350, width: 75, height: 75 svg file: 'spanner.svg', id: 'backdrop', x: 50, y: 450, width: 125, height: 125 + # WARNING! If you choose to use the SVG ID, the x-y coordinates are still + # relative to the SVG page. See this example in an SVG editor + svg file: 'offset.svg', id: 'thing', x: 0, y: 0, width: 600, height: 600 + save prefix: 'load_images_', format: :png end diff --git a/samples/offset.svg b/samples/offset.svg new file mode 100644 index 0000000..ae5bcb9 --- /dev/null +++ b/samples/offset.svg @@ -0,0 +1,71 @@ + + + + + + + + + + image/svg+xml + + + + + + + + +