| 1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147 |
1
2
1
1
1
1
1
1
1
1
1
1
1
2
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
| /*
* Photo Editor SDK - photoeditorsdk.com
* Copyright (c) 2013-2015 9elements GmbH
*
* Released under Attribution-NonCommercial 3.0 Unported
* http://creativecommons.org/licenses/by-nc/3.0/
*
* For commercial use, please contact us at contact@9elements.com
*/
'use strict';
Object.defineProperty(exports, '__esModule', {
value: true
});
// istanbul ignore next
var _createClass = (function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; Eif ('value' in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { Eif (protoProps) defineProperties(Constructor.prototype, protoProps); Iif (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; })();
// istanbul ignore next
var _get = function get(_x, _x2, _x3) { var _again = true; _function: while (_again) { var object = _x, property = _x2, receiver = _x3; _again = false; Iif (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); Iif (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { _x = parent; _x2 = property; _x3 = receiver; _again = true; desc = parent = undefined; continue _function; } } else Eif ('value' in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } } };
// istanbul ignore next
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
// istanbul ignore next
function _classCallCheck(instance, Constructor) { Iif (!(instance instanceof Constructor)) { throw new TypeError('Cannot call a class as a function'); } }
// istanbul ignore next
function _inherits(subClass, superClass) { Iif (typeof superClass !== 'function' && superClass !== null) { throw new TypeError('Super expression must either be null or a function, not ' + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); Eif (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
var _operation = require('./operation');
var _operation2 = _interopRequireDefault(_operation);
/**
* An operation that can flip the canvas
*
* @class
* @alias ImglyKit.Operations.FlipOperation
* @extends ImglyKit.Operation
*/
var FlipOperation = (function (_Operation) {
_inherits(FlipOperation, _Operation);
function FlipOperation() {
_classCallCheck(this, FlipOperation);
for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
args[_key] = arguments[_key];
}
_get(Object.getPrototypeOf(FlipOperation.prototype), 'constructor', this).apply(this, args);
/**
* The fragment shader used for this operation
*/
this.fragmentShader = '\n precision mediump float;\n uniform sampler2D u_image;\n varying vec2 v_texCoord;\n uniform bool u_flipVertical;\n uniform bool u_flipHorizontal;\n\n void main() {\n vec2 texCoord = vec2(v_texCoord);\n if (u_flipVertical) {\n texCoord.y = 1.0 - texCoord.y;\n }\n if (u_flipHorizontal) {\n texCoord.x = 1.0 - texCoord.x;\n }\n gl_FragColor = texture2D(u_image, texCoord);\n }\n ';
}
/**
* A unique string that identifies this operation. Can be used to select
* operations.
* @type {String}
*/
/**
* Crops this image using WebGL
* @param {WebGLRenderer} renderer
*/
/* istanbul ignore next */
_createClass(FlipOperation, [{
key: '_renderWebGL',
value: function _renderWebGL(renderer) {
renderer.runShader(null, this.fragmentShader, {
uniforms: {
u_flipVertical: { type: 'f', value: this._options.vertical },
u_flipHorizontal: { type: 'f', value: this._options.horizontal }
}
});
}
/**
* Crops the image using Canvas2D
* @param {CanvasRenderer} renderer
*/
}, {
key: '_renderCanvas',
value: function _renderCanvas(renderer) {
var canvas = renderer.getCanvas();
var context = renderer.getContext();
var scaleX = 1,
scaleY = 1;
var translateX = 0,
translateY = 0;
Eif (this._options.horizontal) {
scaleX = -1;
translateX = canvas.width;
}
Eif (this._options.vertical) {
scaleY = -1;
translateY = canvas.height;
}
// Save the current state
context.save();
// Apply the transformation
context.translate(translateX, translateY);
context.scale(scaleX, scaleY);
// Create a temporary canvas so that we can draw the image
// with the applied transformation
var tempCanvas = renderer.cloneCanvas();
context.drawImage(tempCanvas, 0, 0);
// Restore old transformation
context.restore();
}
}]);
return FlipOperation;
})(_operation2['default']);
FlipOperation.prototype.identifier = 'flip';
/**
* Specifies the available options for this operation
* @type {Object}
*/
FlipOperation.prototype.availableOptions = {
horizontal: { type: 'boolean', 'default': false },
vertical: { type: 'boolean', 'default': false }
};
exports['default'] = FlipOperation;
module.exports = exports['default'];
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9yb290L1NFUlZFUi9pbWdseS1zZGstaHRtbDUvc3JjL2pzL29wZXJhdGlvbnMvZmxpcC1vcGVyYXRpb24uanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7eUJBVXNCLGFBQWE7Ozs7Ozs7Ozs7OztJQVM3QixhQUFhO1lBQWIsYUFBYTs7QUFDTCxXQURSLGFBQWEsR0FDSzswQkFEbEIsYUFBYTs7c0NBQ0QsSUFBSTtBQUFKLFVBQUk7OztBQUNsQiwrQkFGRSxhQUFhLDhDQUVOLElBQUksRUFBQzs7Ozs7QUFLZCxRQUFJLENBQUMsY0FBYyxrZUFpQmxCLENBQUE7R0FDRjs7Ozs7Ozs7Ozs7Ozs7ZUF6QkcsYUFBYTs7V0FnQ0osc0JBQUMsUUFBUSxFQUFFO0FBQ3RCLGNBQVEsQ0FBQyxTQUFTLENBQUMsSUFBSSxFQUFFLElBQUksQ0FBQyxjQUFjLEVBQUU7QUFDNUMsZ0JBQVEsRUFBRTtBQUNSLHdCQUFjLEVBQUUsRUFBRSxJQUFJLEVBQUUsR0FBRyxFQUFFLEtBQUssRUFBRSxJQUFJLENBQUMsUUFBUSxDQUFDLFFBQVEsRUFBRTtBQUM1RCwwQkFBZ0IsRUFBRSxFQUFFLElBQUksRUFBRSxHQUFHLEVBQUUsS0FBSyxFQUFFLElBQUksQ0FBQyxRQUFRLENBQUMsVUFBVSxFQUFFO1NBQ2pFO09BQ0YsQ0FBQyxDQUFBO0tBQ0g7Ozs7Ozs7O1dBTWEsdUJBQUMsUUFBUSxFQUFFO0FBQ3ZCLFVBQUksTUFBTSxHQUFHLFFBQVEsQ0FBQyxTQUFTLEVBQUUsQ0FBQTtBQUNqQyxVQUFJLE9BQU8sR0FBRyxRQUFRLENBQUMsVUFBVSxFQUFFLENBQUE7O0FBRW5DLFVBQUksTUFBTSxHQUFHLENBQUM7VUFBRSxNQUFNLEdBQUcsQ0FBQyxDQUFBO0FBQzFCLFVBQUksVUFBVSxHQUFHLENBQUM7VUFBRSxVQUFVLEdBQUcsQ0FBQyxDQUFBOztBQUVsQyxVQUFJLElBQUksQ0FBQyxRQUFRLENBQUMsVUFBVSxFQUFFO0FBQzVCLGNBQU0sR0FBRyxDQUFDLENBQUMsQ0FBQTtBQUNYLGtCQUFVLEdBQUcsTUFBTSxDQUFDLEtBQUssQ0FBQTtPQUMxQjs7QUFFRCxVQUFJLElBQUksQ0FBQyxRQUFRLENBQUMsUUFBUSxFQUFFO0FBQzFCLGNBQU0sR0FBRyxDQUFDLENBQUMsQ0FBQTtBQUNYLGtCQUFVLEdBQUcsTUFBTSxDQUFDLE1BQU0sQ0FBQTtPQUMzQjs7O0FBR0QsYUFBTyxDQUFDLElBQUksRUFBRSxDQUFBOzs7QUFHZCxhQUFPLENBQUMsU0FBUyxDQUFDLFVBQVUsRUFBRSxVQUFVLENBQUMsQ0FBQTtBQUN6QyxhQUFPLENBQUMsS0FBSyxDQUFDLE1BQU0sRUFBRSxNQUFNLENBQUMsQ0FBQTs7OztBQUk3QixVQUFJLFVBQVUsR0FBRyxRQUFRLENBQUMsV0FBVyxFQUFFLENBQUE7QUFDdkMsYUFBTyxDQUFDLFNBQVMsQ0FBQyxVQUFVLEVBQUUsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFBOzs7QUFHbkMsYUFBTyxDQUFDLE9BQU8sRUFBRSxDQUFBO0tBQ2xCOzs7U0E1RUcsYUFBYTs7O0FBb0ZuQixhQUFhLENBQUMsU0FBUyxDQUFDLFVBQVUsR0FBRyxNQUFNLENBQUE7Ozs7OztBQU0zQyxhQUFhLENBQUMsU0FBUyxDQUFDLGdCQUFnQixHQUFHO0FBQ3pDLFlBQVUsRUFBRSxFQUFFLElBQUksRUFBRSxTQUFTLEVBQUUsV0FBUyxLQUFLLEVBQUU7QUFDL0MsVUFBUSxFQUFFLEVBQUUsSUFBSSxFQUFFLFNBQVMsRUFBRSxXQUFTLEtBQUssRUFBRTtDQUM5QyxDQUFBOztxQkFFYyxhQUFhIiwiZmlsZSI6Ii9yb290L1NFUlZFUi9pbWdseS1zZGstaHRtbDUvc3JjL2pzL29wZXJhdGlvbnMvZmxpcC1vcGVyYXRpb24uanMiLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogUGhvdG8gRWRpdG9yIFNESyAtIHBob3RvZWRpdG9yc2RrLmNvbVxuICogQ29weXJpZ2h0IChjKSAyMDEzLTIwMTUgOWVsZW1lbnRzIEdtYkhcbiAqXG4gKiBSZWxlYXNlZCB1bmRlciBBdHRyaWJ1dGlvbi1Ob25Db21tZXJjaWFsIDMuMCBVbnBvcnRlZFxuICogaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbGljZW5zZXMvYnktbmMvMy4wL1xuICpcbiAqIEZvciBjb21tZXJjaWFsIHVzZSwgcGxlYXNlIGNvbnRhY3QgdXMgYXQgY29udGFjdEA5ZWxlbWVudHMuY29tXG4gKi9cblxuaW1wb3J0IE9wZXJhdGlvbiBmcm9tICcuL29wZXJhdGlvbidcblxuLyoqXG4gKiBBbiBvcGVyYXRpb24gdGhhdCBjYW4gZmxpcCB0aGUgY2FudmFzXG4gKlxuICogQGNsYXNzXG4gKiBAYWxpYXMgSW1nbHlLaXQuT3BlcmF0aW9ucy5GbGlwT3BlcmF0aW9uXG4gKiBAZXh0ZW5kcyBJbWdseUtpdC5PcGVyYXRpb25cbiAqL1xuY2xhc3MgRmxpcE9wZXJhdGlvbiBleHRlbmRzIE9wZXJhdGlvbiB7XG4gIGNvbnN0cnVjdG9yICguLi5hcmdzKSB7XG4gICAgc3VwZXIoLi4uYXJncylcblxuICAgIC8qKlxuICAgICAqIFRoZSBmcmFnbWVudCBzaGFkZXIgdXNlZCBmb3IgdGhpcyBvcGVyYXRpb25cbiAgICAgKi9cbiAgICB0aGlzLmZyYWdtZW50U2hhZGVyID0gYFxuICAgICAgcHJlY2lzaW9uIG1lZGl1bXAgZmxvYXQ7XG4gICAgICB1bmlmb3JtIHNhbXBsZXIyRCB1X2ltYWdlO1xuICAgICAgdmFyeWluZyB2ZWMyIHZfdGV4Q29vcmQ7XG4gICAgICB1bmlmb3JtIGJvb2wgdV9mbGlwVmVydGljYWw7XG4gICAgICB1bmlmb3JtIGJvb2wgdV9mbGlwSG9yaXpvbnRhbDtcblxuICAgICAgdm9pZCBtYWluKCkge1xuICAgICAgICB2ZWMyIHRleENvb3JkID0gdmVjMih2X3RleENvb3JkKTtcbiAgICAgICAgaWYgKHVfZmxpcFZlcnRpY2FsKSB7XG4gICAgICAgICAgdGV4Q29vcmQueSA9IDEuMCAtIHRleENvb3JkLnk7XG4gICAgICAgIH1cbiAgICAgICAgaWYgKHVfZmxpcEhvcml6b250YWwpIHtcbiAgICAgICAgICB0ZXhDb29yZC54ID0gMS4wIC0gdGV4Q29vcmQueDtcbiAgICAgICAgfVxuICAgICAgICBnbF9GcmFnQ29sb3IgPSB0ZXh0dXJlMkQodV9pbWFnZSwgdGV4Q29vcmQpO1xuICAgICAgfVxuICAgIGBcbiAgfVxuXG4gIC8qKlxuICAgKiBDcm9wcyB0aGlzIGltYWdlIHVzaW5nIFdlYkdMXG4gICAqIEBwYXJhbSAge1dlYkdMUmVuZGVyZXJ9IHJlbmRlcmVyXG4gICAqL1xuICAvKiBpc3RhbmJ1bCBpZ25vcmUgbmV4dCAqL1xuICBfcmVuZGVyV2ViR0wgKHJlbmRlcmVyKSB7XG4gICAgcmVuZGVyZXIucnVuU2hhZGVyKG51bGwsIHRoaXMuZnJhZ21lbnRTaGFkZXIsIHtcbiAgICAgIHVuaWZvcm1zOiB7XG4gICAgICAgIHVfZmxpcFZlcnRpY2FsOiB7IHR5cGU6ICdmJywgdmFsdWU6IHRoaXMuX29wdGlvbnMudmVydGljYWwgfSxcbiAgICAgICAgdV9mbGlwSG9yaXpvbnRhbDogeyB0eXBlOiAnZicsIHZhbHVlOiB0aGlzLl9vcHRpb25zLmhvcml6b250YWwgfVxuICAgICAgfVxuICAgIH0pXG4gIH1cblxuICAvKipcbiAgICogQ3JvcHMgdGhlIGltYWdlIHVzaW5nIENhbnZhczJEXG4gICAqIEBwYXJhbSAge0NhbnZhc1JlbmRlcmVyfSByZW5kZXJlclxuICAgKi9cbiAgX3JlbmRlckNhbnZhcyAocmVuZGVyZXIpIHtcbiAgICB2YXIgY2FudmFzID0gcmVuZGVyZXIuZ2V0Q2FudmFzKClcbiAgICB2YXIgY29udGV4dCA9IHJlbmRlcmVyLmdldENvbnRleHQoKVxuXG4gICAgdmFyIHNjYWxlWCA9IDEsIHNjYWxlWSA9IDFcbiAgICB2YXIgdHJhbnNsYXRlWCA9IDAsIHRyYW5zbGF0ZVkgPSAwXG5cbiAgICBpZiAodGhpcy5fb3B0aW9ucy5ob3Jpem9udGFsKSB7XG4gICAgICBzY2FsZVggPSAtMVxuICAgICAgdHJhbnNsYXRlWCA9IGNhbnZhcy53aWR0aFxuICAgIH1cblxuICAgIGlmICh0aGlzLl9vcHRpb25zLnZlcnRpY2FsKSB7XG4gICAgICBzY2FsZVkgPSAtMVxuICAgICAgdHJhbnNsYXRlWSA9IGNhbnZhcy5oZWlnaHRcbiAgICB9XG5cbiAgICAvLyBTYXZlIHRoZSBjdXJyZW50IHN0YXRlXG4gICAgY29udGV4dC5zYXZlKClcblxuICAgIC8vIEFwcGx5IHRoZSB0cmFuc2Zvcm1hdGlvblxuICAgIGNvbnRleHQudHJhbnNsYXRlKHRyYW5zbGF0ZVgsIHRyYW5zbGF0ZVkpXG4gICAgY29udGV4dC5zY2FsZShzY2FsZVgsIHNjYWxlWSlcblxuICAgIC8vIENyZWF0ZSBhIHRlbXBvcmFyeSBjYW52YXMgc28gdGhhdCB3ZSBjYW4gZHJhdyB0aGUgaW1hZ2VcbiAgICAvLyB3aXRoIHRoZSBhcHBsaWVkIHRyYW5zZm9ybWF0aW9uXG4gICAgdmFyIHRlbXBDYW52YXMgPSByZW5kZXJlci5jbG9uZUNhbnZhcygpXG4gICAgY29udGV4dC5kcmF3SW1hZ2UodGVtcENhbnZhcywgMCwgMClcblxuICAgIC8vIFJlc3RvcmUgb2xkIHRyYW5zZm9ybWF0aW9uXG4gICAgY29udGV4dC5yZXN0b3JlKClcbiAgfVxufVxuXG4vKipcbiAqIEEgdW5pcXVlIHN0cmluZyB0aGF0IGlkZW50aWZpZXMgdGhpcyBvcGVyYXRpb24uIENhbiBiZSB1c2VkIHRvIHNlbGVjdFxuICogb3BlcmF0aW9ucy5cbiAqIEB0eXBlIHtTdHJpbmd9XG4gKi9cbkZsaXBPcGVyYXRpb24ucHJvdG90eXBlLmlkZW50aWZpZXIgPSAnZmxpcCdcblxuLyoqXG4gKiBTcGVjaWZpZXMgdGhlIGF2YWlsYWJsZSBvcHRpb25zIGZvciB0aGlzIG9wZXJhdGlvblxuICogQHR5cGUge09iamVjdH1cbiAqL1xuRmxpcE9wZXJhdGlvbi5wcm90b3R5cGUuYXZhaWxhYmxlT3B0aW9ucyA9IHtcbiAgaG9yaXpvbnRhbDogeyB0eXBlOiAnYm9vbGVhbicsIGRlZmF1bHQ6IGZhbHNlIH0sXG4gIHZlcnRpY2FsOiB7IHR5cGU6ICdib29sZWFuJywgZGVmYXVsdDogZmFsc2UgfVxufVxuXG5leHBvcnQgZGVmYXVsdCBGbGlwT3BlcmF0aW9uXG4iXX0= |