From 36f530cf393a99c337d3062fdf28849f24e9cee8 Mon Sep 17 00:00:00 2001
From: Simon Whitty <simon@whileloop.com>
Date: Sun, 22 Oct 2023 09:18:04 +1100
Subject: [PATCH] Flip CGImage

---
 Samples.bundle/base64.svg             | 7 +++++++
 Samples.bundle/shapes.svg             | 2 ++
 SwiftDraw/Renderer.CGText.swift       | 4 ++++
 SwiftDraw/Renderer.CoreGraphics.swift | 9 +++++++--
 4 files changed, 20 insertions(+), 2 deletions(-)
 create mode 100644 Samples.bundle/base64.svg

diff --git a/Samples.bundle/base64.svg b/Samples.bundle/base64.svg
new file mode 100644
index 0000000..69e2958
--- /dev/null
+++ b/Samples.bundle/base64.svg
@@ -0,0 +1,7 @@
+<?xml version="1.0"?>
+<svg xmlns="http://www.w3.org/2000/svg"
+	 xmlns:ns="http://www.w3.org/2000/svg" 
+	 xmlns:xlink="http://www.w3.org/1999/xlink" 
+	 width="56" height="46">
+<image x="10" y="10" width="36" height="26" xlink:href="data:image/png;base64,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" />
+</svg>
\ No newline at end of file
diff --git a/Samples.bundle/shapes.svg b/Samples.bundle/shapes.svg
index 5f78f35..5125e25 100644
--- a/Samples.bundle/shapes.svg
+++ b/Samples.bundle/shapes.svg
@@ -93,4 +93,6 @@
 	
 	<rect x="-64" y="-64" width="64" height="64" fill="url(#checkerboard)" transform="translate(128, 170) rotate(45)"/>
 	
+	<image x="270" y="350" width="36" height="26" transform="rotate(25)" xlink:href="data:image/png;base64,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" />
+	
 </svg>
\ No newline at end of file
diff --git a/SwiftDraw/Renderer.CGText.swift b/SwiftDraw/Renderer.CGText.swift
index 623995a..209f83b 100644
--- a/SwiftDraw/Renderer.CGText.swift
+++ b/SwiftDraw/Renderer.CGText.swift
@@ -557,7 +557,11 @@ public final class CGTextRenderer: Renderer {
   }
   
   func draw(image: LayerTree.Image) {
+    lines.append("ctx.saveGState()")
+    lines.append("ctx.translateBy(x: 0, y: image.height)")
+    lines.append("ctx.scaleBy(x: 1, y: -1)")
     lines.append("ctx.draw(image, in: CGRect(x: 0, y: 0, width: image.width, height: image.height)")
+    lines.append("ctx.restoreGState()")
   }
 
   func draw(linear gradient: LayerTree.Gradient, from start: String, to end: String) {
diff --git a/SwiftDraw/Renderer.CoreGraphics.swift b/SwiftDraw/Renderer.CoreGraphics.swift
index e186d0c..e09ca19 100644
--- a/SwiftDraw/Renderer.CoreGraphics.swift
+++ b/SwiftDraw/Renderer.CoreGraphics.swift
@@ -77,6 +77,7 @@ final class CGTransformingPattern: Equatable {
 }
 
 struct CGProvider: RendererTypeProvider {
+  
     typealias Types = CGTypes
 
     func createFloat(from float: LayerTree.Float) -> CGFloat {
@@ -412,8 +413,12 @@ struct CGRenderer: Renderer {
     }
 
     func draw(image: CGImage) {
-        let rect = CGRect(x: 0, y: 0, width: image.width, height: image.height)
-        ctx.draw(image, in: rect)
+      let rect = CGRect(x: 0, y: 0, width: image.width, height: image.height)
+      pushState()
+      translate(tx: 0, ty: rect.height)
+      scale(sx: 1, sy: -1)
+      ctx.draw(image, in: rect)
+      popState()
     }
 
     func draw(linear gradient: CGGradient, from start: CGPoint, to end: CGPoint) {