I found this image processing service which does a good job for processing images:
RSZ.IO - a free responsive image service
I was able to write this sample Javascript code to get the Base64 of the image after using the service:
var canvas = document.createElement("canvas")
var img = new Image();
img.onload = function() {
canvas.width=img.width;
canvas.height=img.height;
var ctx=canvas.getContext("2d");
ctx.drawImage(img, 0,0, img.width, img.height);
console.log("Image load success: Data URL of the image:")
console.log(canvas.toDataURL());
}
//Original image src: https://c1.staticflickr.com/5/4086/5048044997_aa41baa282_o.jpg
img.src = "http://c1.staticflickr.com.rsz.io/5/4086/5048044997_aa41baa282_o.jpg?width=10%&rotate=25"
All you have to do is to upload your images to a public space, and use their service by adding ".rsz.io" to the domain, and the needed parameters at the end of the URL of the original image to be processed.
I am planning to implement this service inside Adobe LiveCycle PDF using Javascript, and I am not sure how. The main problem is that the service is provided via simple URL invoke and not via a standard Web Service. I am not sure if we have a method to invoke URL from inside Adobe LiveCycle PDF, and return the Base64 of the image. Also, if you have other alternatives, that will do the job, it will be fine for me.
I think we can implement a Web Service wrapper over this service, but this requires additional programming effort and requires using a server-side technology.
The bottom line is the following use-case inside PDF:
- User provides link to the URL to the image to be inserted into the Dynamic PDF
- Call Javascript program to compose the new URL using rsz.io to process the image, and get the result Data URL based on Base64 string
- Embed the result image in the designated Image Field.
Appreciate your help.
Tarek
