GitHub/IJSVG
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Added more examples

Browse Source 
Various fixes for viewport scaling and transform per groups.

Added few more example SVG's as examples ( also so I can fix things )
This commit is contained in:
Curtis Hard
2014-09-04 00:11:11 +01:00
parent 9345260902
commit 87fc775920
8 changed files with 129 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files
IJSVGExample/IJSVGExample/SVGView.m
+1 -1
View File
@@ -20,7 +20,7 @@
{
if( ( self = [super initWithCoder:aDecoder] ) != nil )
{
svg = [[IJSVG svgNamed:@"test.svg"] retain];
svg = [[IJSVG svgNamed:@"paperplane.svg"] retain];
}
return self;
}
IJSVGExample/IJSVGExample/paperplane.svg
+30
View File
@@ -0,0 +1,30 @@
<!-- a freebie by http://www.arcance.net || http://dribbble.com/arcance -->
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" x="0px" y="0px" width="500px" height="260px" viewBox="0 0 500 260" enable-background="new 0 0 500 260" xml:space="preserve">
<g id="Form_1_1_" enable-background="new ">
<g id="Form_1">
<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="142.084" y1="248.7236" x2="125.3045" y2="186.1016">
<stop offset="0" stop-color="#B2D2E7"/>
<stop offset="1" stop-color="#AAC8DD"/>
</linearGradient>
<polygon fill="url(#SVGID_1_)" points="141.31,181.81 100,260 176.81,210 "/>
</g>
</g>
<g id="Form_2_1_" enable-background="new ">
<g id="Form_2">
<linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="305.5801" y1="242.4277" x2="242.0031" y2="5.1552">
<stop offset="0" stop-color="#F0F9FF"/>
<stop offset="1" stop-color="#FFFFFF"/>
</linearGradient>
<polygon fill="url(#SVGID_2_)" points="0,70 240,260 500,0 "/>
</g>
</g>
<g id="Form_3_1_" enable-background="new ">
<g id="Form_3">
<linearGradient id="SVGID_3_" gradientUnits="userSpaceOnUse" x1="319.1035" y1="201.292" x2="280.8984" y2="58.7085">
<stop offset="0" stop-color="#C8E0F0"/>
<stop offset="1" stop-color="#E9F3F9"/>
</linearGradient>
<polygon fill="url(#SVGID_3_)" points="83.69,136.25 100,260 141.31,181.81 500,0 "/>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.5 KiB

IJSVGExample/IJSVGExample/products.svg
+33
View File
@@ -0,0 +1,33 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="897px" height="452px" viewBox="0 0 897 452" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
<!-- Generator: Sketch 3.0.4 (8054) - http://www.bohemiancoding.com/sketch -->
<title>IPAD 2</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
<g id="IPAD" sketch:type="MSLayerGroup" transform="translate(681.000000, 55.000000)" stroke="#7E89A3">
<path d="M202.986,317 L12.097,317 C5.462,317 0.083,311.623 0.083,304.99 L0.083,12.093 C0.083,5.46 5.461,0.083 12.097,0.083 L202.986,0.083 C209.622,0.083 215,5.46 215,12.093 L215,304.99 C215,311.623 209.622,317 202.986,317 Z" id="bezel" stroke-width="2" fill="#FDFDFD" sketch:type="MSShapeGroup"></path>
<path d="M202.986,317 L12.097,317 C5.462,317 0.083,311.623 0.083,304.99 L0.083,12.093 C0.083,5.46 5.461,0.083 12.097,0.083 L202.986,0.083 C209.622,0.083 215,5.46 215,12.093 L215,304.99 C215,311.623 209.622,317 202.986,317 Z" id="bezel-2" stroke-width="2" fill="#FDFDFD" sketch:type="MSShapeGroup"></path>
<rect id="screen" fill="#FFFFFF" sketch:type="MSShapeGroup" x="17" y="32" width="181.999" height="252.917"></rect>
<circle id="lock" sketch:type="MSShapeGroup" cx="108.021" cy="300.021" r="8.021"></circle>
<circle id="camera" sketch:type="MSShapeGroup" cx="106.99" cy="16.99" r="2.99"></circle>
</g>
<g id="Laptop" sketch:type="MSLayerGroup" transform="translate(1.000000, 1.000000)" stroke="#8492A5">
<path d="M594,0 L98,0 C84.50415,0 73,11.0738184 73,24.7901127 L73,351.027995 L619,351.027985 L619,24.7901127 C618.999971,11.0728209 607.537479,0 594,0 Z" id="bezel" stroke-width="2" fill="#FEFEFE" sketch:type="MSShapeGroup"></path>
<circle id="webcam" stroke-width="2" sketch:type="MSShapeGroup" cx="347" cy="19" r="4"></circle>
<g id="bottom" transform="translate(0.000000, 351.000000)" sketch:type="MSShapeGroup">
<path d="M640.812,31.01 L51.288,31.01 C20.641,31.01 0,20.494 0,16.022 L0,2.428 C0,1.084 1.335,0 2.995,0 L689.104,0 C690.766,0 692.103,1.084 692.103,2.428 L692.103,16.557 C692.096,20.092 676.112,31.01 640.812,31.01 Z" id="Shape" stroke-width="2" fill="#FDFDFD"></path>
<path d="M0.5,14.5 L690.242676,14.5" id="Line" stroke-linecap="square"></path>
</g>
<rect id="screen" fill="#FFFFFF" sketch:type="MSShapeGroup" x="95" y="39" width="501.073853" height="292.009"></rect>
<path d="M421,352 L421,355.087 C421,357.288 416.666719,357.952714 413.386719,357.952714 L278.815286,357.952714 C275.364286,357.952714 271,357.289 271,355.087 L271,352" id="touchpad" fill="#FFFFFF" sketch:type="MSShapeGroup"></path>
</g>
<g id="iphone" sketch:type="MSLayerGroup" transform="translate(576.000000, 177.000000)" stroke="#7E89A3">
<path d="M130,257.964 C130,266.797 122.809,273.956 113.938,273.956 L16.063,273.956 C7.192,273.956 0.001,266.797 0.001,257.964 L0.001,16.073 C0.001,7.24 7.192,0.081 16.063,0.081 L113.938,0.081 C122.809,0.081 130,7.24 130,16.073 L130,257.964 L130,257.964 Z" id="bezel" stroke-width="2" fill="#FDFDFD" sketch:type="MSShapeGroup"></path>
<rect id="screen" fill="#FFFFFF" sketch:type="MSShapeGroup" x="9" y="36" width="111.93" height="199.084"></rect>
<path d="M77,25.746 C77,26.381 76.561,26.893 76.02,26.893 L55.918,26.893 C55.376,26.893 54.938,26.38 54.938,25.746 L54.938,23.166 C54.938,22.531 55.377,22.019 55.918,22.019 L76.02,22.019 C76.561,22.019 77,22.532 77,23.166 L77,25.746 L77,25.746 Z" id="speaker" sketch:type="MSShapeGroup"></path>
<circle id="camera" sketch:type="MSShapeGroup" cx="66" cy="12" r="3"></circle>
<ellipse id="lock" sketch:type="MSShapeGroup" cx="65.04" cy="254.001" rx="10.04" ry="10.001"></ellipse>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 4.0 KiB