From 094fb958a4652fd50f07b54096516bd32950cfc2 Mon Sep 17 00:00:00 2001
From: Michael Williamson <mike@zwobble.org>
Date: Wed, 10 May 2017 20:26:58 +0100
Subject: Document image converters

---
 README.md | 53 +++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 53 insertions(+)

diff --git a/README.md b/README.md
index 63412e1..6d1a2ed 100644
--- a/README.md
+++ b/README.md
@@ -131,6 +131,26 @@ var converter = new DocumentConverter()
     .DisableDefaultStyleMap();
 ```
 
+#### Custom image handlers
+
+By default, images are converted to `<img>` elements with the source included inline in the `src` attribute.
+This behaviour can be changed by calling `ImageConverter()` with an [image converter](#image-converters) .
+
+For instance, the following would replicate the default behaviour:
+
+```csharp
+var converter = new DocumentConverter()
+    .ImageConverter(image => {
+        using (var stream = image.GetStream()) {
+          var base64 = StreamToBase64(stream);
+          var src = "data:" + image.ContentType + ";base64," + base64;
+          return new Dictionary<string, string> { { "src", src } };
+        }
+    });
+```
+
+where `StreamToBase64` is a function that reads a stream and encodes it as a Base64 string.
+
 #### Bold
 
 By default, bold text is wrapped in `<strong>` tags.
@@ -242,6 +262,39 @@ Represents the result of a conversion. Properties:
 
 * `ISet<string> Warnings`: any warnings generated during the conversion.
 
+#### Image converters
+
+An image converter is a function with the signature `Func<IImage, IDictionary<string, string>>`.
+This creates an `<img>` element for each image in the original docx.
+The argument is the image element being converted,
+and has the following members:
+
+* `Stream GetStream()`: open the image file.
+
+* `String ContentType`: the content type of the image, such as `image/png`.
+
+* `String AltText`: the alt text of the image, if any.
+
+The function should return an `IDictionary` of attributes for the `<img>` element.
+At a minimum, this should include the `src` attribute.
+If any alt text is found for the image,
+this will be automatically added to the element's attributes.
+
+For instance, the following would replicate the default behaviour:
+
+```csharp
+var converter = new DocumentConverter()
+    .ImageConverter(image => {
+        using (var stream = image.GetStream()) {
+          var base64 = StreamToBase64(stream);
+          var src = "data:" + image.ContentType + ";base64," + base64;
+          return new Dictionary<string, string> { { "src", src } };
+        }
+    });
+```
+
+where `StreamToBase64` is a function that reads a stream and encodes it as a Base64 string.
+
 ## Writing style maps
 
 A style map is made up of a number of style mappings separated by new lines.
-- 
cgit v1.2.3