WIP: Extend gadget to allow image manipulation with Caman JS
With this, from user preference we can define greyscale, brightness and contrast
TODO:
- re-check variable names
- make jslint happy (use Caman properly)
-
8 settings = gadget.props.preferred_image_settings_data, 8 9 root = gadget.element, 9 canvas = root.querySelector("canvas"); 10 canvas.width = gadget.props.image_width; 11 canvas.height = gadget.props.image_height; 12 ratio = Math.min(canvas.width / img.width, canvas.height / img.height); 13 x = (canvas.width - img.width * ratio) / 2; 14 y = (canvas.height - img.height * ratio) / 2; 10 canvas = document.createElement("canvas"); 15 11 16 canvas.getContext('2d').clearRect(0, 0, canvas.width, canvas.height); 17 canvas.getContext('2d').drawImage(img, 0, 0, img.width, img.height, x, y, img.width * ratio, img.height * ratio); 12 queue = new RSVP.Queue(); 13 if (settings.brightness || settings.contrast || settings.enable_greyscale || settings.compression) { 14 queue.push(function () { 15 return new Promise(function (resolve) { -
@gabriel if
Camandoesn't provide a promise like API, please implement 2 small function:waitCamanandrenderCamanwhich correctly return aRSVP.Promise.Please check for example how it is done in jIO.
The functions must be simple, ie, all the image manipulation calls (contrast, ...) are not part of them.
-
-
1 import json 2 3 portal = context.getPortalObject() 4 active_preference = portal.portal_preferences.getActiveUserPreference() 5 if not active_preference: 6 active_preference = portal.portal_preferences.getActivePreference() 7 -
Calling the accessor directly on portal preference get the value from the "most appropriate" preference, something like:
portal.portal_preferences.getPreferredImageConversionCompression()getActiveUserPreferenceandgetActivePreferenceare different API that are not needed to get preferences value ( they are used to make a link to edit preference or this kind of things )
-
-
Please register or sign in to post a comment