Merge pull request #26 from Takeno/master

Passing tagName to getSize and getImage

coffee/index.coffee

@@ -48,14 +48,14 @@ class ImageModule
 		startEnd= "<#{tagXml}></#{tagXml}>"
 		if !tagValue? then return @replaceBy(startEnd,tagXml)
 		try
-			imgBuffer=@options.getImage(tagValue)
+			imgBuffer=@options.getImage(tagValue, tag)
 		catch e
 			return @replaceBy(startEnd,tagXml)
 		imageRels=@imgManager.loadImageRels();
 		if imageRels
 			rId=imageRels.addImageRels(@getNextImageName(),imgBuffer)
 
-			sizePixel=@options.getSize(imgBuffer, tagValue)
+			sizePixel=@options.getSize(imgBuffer, tagValue, tag)
 			size=[@convertPixelsToEmus(sizePixel[0]),@convertPixelsToEmus(sizePixel[1])]
 
 			if @options.centered==false

readme.md

@@ -19,11 +19,11 @@ Your docx should contain the text: `{%image}`
 
     var opts = {}
     opts.centered = false;
-    opts.getImage=function(tagValue) {
+    opts.getImage=function(tagValue, tagName) {
         return fs.readFileSync(tagValue,'binary');
     }
 
-    opts.getSize=function(img,tagValue) {
+    opts.getSize=function(img,tagValue, tagName) {
         return [150,150];
     }
 
@@ -42,7 +42,7 @@ Your docx should contain the text: `{%image}`
     fs.writeFile("test.docx",buffer);
 
 
-To understand what `img` and `tagValue` mean, lets take an example :
+To understand what `img`, `tagValue`, `tagName` mean, lets take an example :
 
 If your template is :
 
@@ -54,7 +54,7 @@ If your template is :
         "myImage":'sampleImage.png'
     }
 
-    tagValue will be equal to "sampleImage.png" , and img will be what ever the getImage function returned
+    tagValue will be equal to "sampleImage.png", tagName will be equal to "myImage" and img will be what ever the getImage function returned
 
 One of the most useful cases of this is to set the images to be the size of that image.
 
@@ -77,6 +77,26 @@ then, write:
 
  You can center the images using opts.centered=true instead
 
+# Size and path based on placeholder
+
+You can have customizable image loader using the template's placeholder name.
+
+    opts.getImage = function (tagValue, tagName) {
+        if(tagName === 'logo')
+            return fs.readFileSync(__dirname + '/logos/' + tagValue);
+
+        return fs.readFileSync(__dirname + '/images/' + tagValue);
+    };
+
+The same thing can be used to customize image size.
+
+    opts.getSize = function (img, tagValue, tagName) {
+        if(tagName === 'logo')
+            return [100, 100];
+        
+        return [300, 300];
+    };
+
 # Notice
 
  For the imagereplacer to work, the image tag: `{%image}` needs to be in its own `<w:p>`, so that means that you have to put a new line after and before the tag.