Added support for clipPaths

2014-09-04 22:19:57 +01:00
parent b7652e47bf
commit d70f10b23d
10 changed files with 212 additions and 32 deletions
@@ -689,8 +689,12 @@
                        <autoresizingMask key="autoresizingMask" flexibleMinX="YES" widthSizable="YES" flexibleMaxX="YES" flexibleMinY="YES"/>
                    </customView>
                    <customView id="bHV-ou-brV" customClass="SVGExampleView3">
-                        <rect key="frame" x="0.0" y="0.0" width="631" height="238"/>
-                        <autoresizingMask key="autoresizingMask" widthSizable="YES" heightSizable="YES"/>
+                        <rect key="frame" x="0.0" y="0.0" width="310" height="238"/>
+                        <autoresizingMask key="autoresizingMask" widthSizable="YES" flexibleMaxX="YES" heightSizable="YES"/>
+                    </customView>
+                    <customView id="osq-NY-OyC" customClass="SVGExampleView4">
+                        <rect key="frame" x="309" y="0.0" width="322" height="238"/>
+                        <autoresizingMask key="autoresizingMask" flexibleMinX="YES" widthSizable="YES" heightSizable="YES"/>
                    </customView>
                </subviews>
            </view>
@@ -0,0 +1,14 @@
+//
+//  SVGExampleView4.h
+//  IJSVGExample
+//
+//  Created by Curtis Hard on 04/09/2014.
+//  Copyright (c) 2014 Curtis Hard. All rights reserved.
+//
+
+#import <Foundation/Foundation.h>
+#import "SVGView.h"
+
+@interface SVGExampleView4 : SVGView
+
+@end
@@ -0,0 +1,18 @@
+//
+//  SVGExampleView4.m
+//  IJSVGExample
+//
+//  Created by Curtis Hard on 04/09/2014.
+//  Copyright (c) 2014 Curtis Hard. All rights reserved.
+//
+
+#import "SVGExampleView4.h"
+
+@implementation SVGExampleView4
+
+- (IJSVG *)svg
+{
+    return [[IJSVG svgNamed:@"clipped"] retain];
+}
+
+@end
@@ -0,0 +1,15 @@
+<svg width="120" height="120"
+     viewPort="0 0 120 120" version="1.1"
+     xmlns="http://www.w3.org/2000/svg">
+
+    <defs>
+        <clipPath id="myClip">
+            <circle cx="30" cy="30" r="20"/>
+            <circle cx="70" cy="70" r="20"/>
+        </clipPath>
+    </defs>
+    
+    <rect x="10" y="10" width="100" height="100"
+          clip-path="url(#myClip)"/>
+    
+		  </svg>