| 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
148
149
150
151 |
1
2
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
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);
var _libColor = require('../lib/color');
var _libColor2 = _interopRequireDefault(_libColor);
/**
* An operation that can frames on the canvas
*
* @class
* @alias ImglyKit.Operations.FramesOperation
* @extends ImglyKit.Operation
*/
var FramesOperation = (function (_Operation) {
_inherits(FramesOperation, _Operation);
function FramesOperation() {
_classCallCheck(this, FramesOperation);
for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
args[_key] = arguments[_key];
}
_get(Object.getPrototypeOf(FramesOperation.prototype), 'constructor', this).apply(this, args);
/**
* The texture index used for the frame
* @type {Number}
* @private
*/
this._textureIndex = 1;
/**
* The fragment shader used for this operation
*/
this._fragmentShader = '\n precision mediump float;\n varying vec2 v_texCoord;\n uniform sampler2D u_image;\n uniform sampler2D u_frameImage;\n uniform vec4 u_color;\n uniform vec2 u_thickness;\n\n void main() {\n vec4 fragColor = texture2D(u_image, v_texCoord);\n if (v_texCoord.x < u_thickness.x || v_texCoord.x > 1.0 - u_thickness.x ||\n v_texCoord.y < u_thickness.y || v_texCoord.y > 1.0 - u_thickness.y) {\n fragColor = mix(fragColor, u_color, u_color.a);\n }\n\n gl_FragColor = fragColor;\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
* @private
*/
/* istanbul ignore next */
_createClass(FramesOperation, [{
key: '_renderWebGL',
value: function _renderWebGL(renderer) {
var canvas = renderer.getCanvas();
var color = this._options.color;
var thickness = this._options.thickness * canvas.height;
var thicknessVec2 = [thickness / canvas.width, thickness / canvas.height];
var uniforms = {
u_color: { type: '4f', value: color.toGLColor() },
u_thickness: { type: '2f', value: thicknessVec2 }
};
if (!this._glslPrograms[renderer.id]) {
this._glslPrograms[renderer.id] = renderer.setupGLSLProgram(null, this._fragmentShader);
}
renderer.runProgram(this._glslPrograms[renderer.id], { uniforms: uniforms });
}
/**
* Crops the image using Canvas2D
* @param {CanvasRenderer} renderer
* @private
*/
}, {
key: '_renderCanvas',
value: function _renderCanvas(renderer) {
var canvas = renderer.getCanvas();
var context = renderer.getContext();
var color = this._options.color;
var thickness = this._options.thickness * canvas.height;
context.save();
context.beginPath();
context.lineWidth = thickness * 2;
context.strokeStyle = color.toRGBA();
context.rect(0, 0, canvas.width, canvas.height);
context.stroke();
context.restore();
}
}]);
return FramesOperation;
})(_operation2['default']);
FramesOperation.prototype.identifier = 'frames';
/**
* Specifies the available options for this operation
* @type {Object}
*/
FramesOperation.prototype.availableOptions = {
color: { type: 'color', 'default': new _libColor2['default'](0, 0, 0, 1) },
thickness: { type: 'number', 'default': 0.02 }
};
exports['default'] = FramesOperation;
module.exports = exports['default'];
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9yb290L1NFUlZFUi9pbWdseS1zZGstaHRtbDUvc3JjL2pzL29wZXJhdGlvbnMvZnJhbWVzLW9wZXJhdGlvbi5qcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozt5QkFVc0IsYUFBYTs7Ozt3QkFDakIsY0FBYzs7Ozs7Ozs7Ozs7O0lBUzFCLGVBQWU7WUFBZixlQUFlOztBQUNQLFdBRFIsZUFBZSxHQUNHOzBCQURsQixlQUFlOztzQ0FDSCxJQUFJO0FBQUosVUFBSTs7O0FBQ2xCLCtCQUZFLGVBQWUsOENBRVIsSUFBSSxFQUFDOzs7Ozs7O0FBT2QsUUFBSSxDQUFDLGFBQWEsR0FBRyxDQUFDLENBQUE7Ozs7O0FBS3RCLFFBQUksQ0FBQyxlQUFlLCtqQkFpQm5CLENBQUE7R0FDRjs7Ozs7Ozs7Ozs7Ozs7O2VBaENHLGVBQWU7O1dBd0NOLHNCQUFDLFFBQVEsRUFBRTtBQUN0QixVQUFJLE1BQU0sR0FBRyxRQUFRLENBQUMsU0FBUyxFQUFFLENBQUE7O0FBRWpDLFVBQUksS0FBSyxHQUFHLElBQUksQ0FBQyxRQUFRLENBQUMsS0FBSyxDQUFBO0FBQy9CLFVBQUksU0FBUyxHQUFHLElBQUksQ0FBQyxRQUFRLENBQUMsU0FBUyxHQUFHLE1BQU0sQ0FBQyxNQUFNLENBQUE7QUFDdkQsVUFBSSxhQUFhLEdBQUcsQ0FBQyxTQUFTLEdBQUcsTUFBTSxDQUFDLEtBQUssRUFBRSxTQUFTLEdBQUcsTUFBTSxDQUFDLE1BQU0sQ0FBQyxDQUFBOztBQUV6RSxVQUFJLFFBQVEsR0FBRztBQUNiLGVBQU8sRUFBRSxFQUFFLElBQUksRUFBRSxJQUFJLEVBQUUsS0FBSyxFQUFFLEtBQUssQ0FBQyxTQUFTLEVBQUUsRUFBRTtBQUNqRCxtQkFBVyxFQUFFLEVBQUUsSUFBSSxFQUFFLElBQUksRUFBRSxLQUFLLEVBQUUsYUFBYSxFQUFFO09BQ2xELENBQUE7O0FBRUQsVUFBSSxDQUFDLElBQUksQ0FBQyxhQUFhLENBQUMsUUFBUSxDQUFDLEVBQUUsQ0FBQyxFQUFFO0FBQ3BDLFlBQUksQ0FBQyxhQUFhLENBQUMsUUFBUSxDQUFDLEVBQUUsQ0FBQyxHQUFHLFFBQVEsQ0FBQyxnQkFBZ0IsQ0FDekQsSUFBSSxFQUNKLElBQUksQ0FBQyxlQUFlLENBQ3JCLENBQUE7T0FDRjs7QUFFRCxjQUFRLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxhQUFhLENBQUMsUUFBUSxDQUFDLEVBQUUsQ0FBQyxFQUFFLEVBQUUsUUFBUSxFQUFSLFFBQVEsRUFBRSxDQUFDLENBQUE7S0FDbkU7Ozs7Ozs7OztXQU9hLHVCQUFDLFFBQVEsRUFBRTtBQUN2QixVQUFJLE1BQU0sR0FBRyxRQUFRLENBQUMsU0FBUyxFQUFFLENBQUE7QUFDakMsVUFBSSxPQUFPLEdBQUcsUUFBUSxDQUFDLFVBQVUsRUFBRSxDQUFBOztBQUVuQyxVQUFJLEtBQUssR0FBRyxJQUFJLENBQUMsUUFBUSxDQUFDLEtBQUssQ0FBQTtBQUMvQixVQUFJLFNBQVMsR0FBRyxJQUFJLENBQUMsUUFBUSxDQUFDLFNBQVMsR0FBRyxNQUFNLENBQUMsTUFBTSxDQUFBOztBQUV2RCxhQUFPLENBQUMsSUFBSSxFQUFFLENBQUE7QUFDZCxhQUFPLENBQUMsU0FBUyxFQUFFLENBQUE7QUFDbkIsYUFBTyxDQUFDLFNBQVMsR0FBRyxTQUFTLEdBQUcsQ0FBQyxDQUFBO0FBQ2pDLGFBQU8sQ0FBQyxXQUFXLEdBQUcsS0FBSyxDQUFDLE1BQU0sRUFBRSxDQUFBO0FBQ3BDLGFBQU8sQ0FBQyxJQUFJLENBQUMsQ0FBQyxFQUFFLENBQUMsRUFBRSxNQUFNLENBQUMsS0FBSyxFQUFFLE1BQU0sQ0FBQyxNQUFNLENBQUMsQ0FBQTtBQUMvQyxhQUFPLENBQUMsTUFBTSxFQUFFLENBQUE7QUFDaEIsYUFBTyxDQUFDLE9BQU8sRUFBRSxDQUFBO0tBQ2xCOzs7U0FqRkcsZUFBZTs7O0FBeUZyQixlQUFlLENBQUMsU0FBUyxDQUFDLFVBQVUsR0FBRyxRQUFRLENBQUE7Ozs7OztBQU0vQyxlQUFlLENBQUMsU0FBUyxDQUFDLGdCQUFnQixHQUFHO0FBQzNDLE9BQUssRUFBRSxFQUFFLElBQUksRUFBRSxPQUFPLEVBQUUsV0FBUywwQkFBVSxDQUFDLEVBQUUsQ0FBQyxFQUFFLENBQUMsRUFBRSxDQUFDLENBQUMsRUFBRTtBQUN4RCxXQUFTLEVBQUUsRUFBRSxJQUFJLEVBQUUsUUFBUSxFQUFFLFdBQVMsSUFBSSxFQUFFO0NBQzdDLENBQUE7O3FCQUVjLGVBQWUiLCJmaWxlIjoiL3Jvb3QvU0VSVkVSL2ltZ2x5LXNkay1odG1sNS9zcmMvanMvb3BlcmF0aW9ucy9mcmFtZXMtb3BlcmF0aW9uLmpzIiwic291cmNlc0NvbnRlbnQiOlsiLypcbiAqIFBob3RvIEVkaXRvciBTREsgLSBwaG90b2VkaXRvcnNkay5jb21cbiAqIENvcHlyaWdodCAoYykgMjAxMy0yMDE1IDllbGVtZW50cyBHbWJIXG4gKlxuICogUmVsZWFzZWQgdW5kZXIgQXR0cmlidXRpb24tTm9uQ29tbWVyY2lhbCAzLjAgVW5wb3J0ZWRcbiAqIGh0dHA6Ly9jcmVhdGl2ZWNvbW1vbnMub3JnL2xpY2Vuc2VzL2J5LW5jLzMuMC9cbiAqXG4gKiBGb3IgY29tbWVyY2lhbCB1c2UsIHBsZWFzZSBjb250YWN0IHVzIGF0IGNvbnRhY3RAOWVsZW1lbnRzLmNvbVxuICovXG5cbmltcG9ydCBPcGVyYXRpb24gZnJvbSAnLi9vcGVyYXRpb24nXG5pbXBvcnQgQ29sb3IgZnJvbSAnLi4vbGliL2NvbG9yJ1xuXG4vKipcbiAqIEFuIG9wZXJhdGlvbiB0aGF0IGNhbiBmcmFtZXMgb24gdGhlIGNhbnZhc1xuICpcbiAqIEBjbGFzc1xuICogQGFsaWFzIEltZ2x5S2l0Lk9wZXJhdGlvbnMuRnJhbWVzT3BlcmF0aW9uXG4gKiBAZXh0ZW5kcyBJbWdseUtpdC5PcGVyYXRpb25cbiAqL1xuY2xhc3MgRnJhbWVzT3BlcmF0aW9uIGV4dGVuZHMgT3BlcmF0aW9uIHtcbiAgY29uc3RydWN0b3IgKC4uLmFyZ3MpIHtcbiAgICBzdXBlciguLi5hcmdzKVxuXG4gICAgLyoqXG4gICAgICogVGhlIHRleHR1cmUgaW5kZXggdXNlZCBmb3IgdGhlIGZyYW1lXG4gICAgICogQHR5cGUge051bWJlcn1cbiAgICAgKiBAcHJpdmF0ZVxuICAgICAqL1xuICAgIHRoaXMuX3RleHR1cmVJbmRleCA9IDFcblxuICAgIC8qKlxuICAgICAqIFRoZSBmcmFnbWVudCBzaGFkZXIgdXNlZCBmb3IgdGhpcyBvcGVyYXRpb25cbiAgICAgKi9cbiAgICB0aGlzLl9mcmFnbWVudFNoYWRlciA9IGBcbiAgICAgIHByZWNpc2lvbiBtZWRpdW1wIGZsb2F0O1xuICAgICAgdmFyeWluZyB2ZWMyIHZfdGV4Q29vcmQ7XG4gICAgICB1bmlmb3JtIHNhbXBsZXIyRCB1X2ltYWdlO1xuICAgICAgdW5pZm9ybSBzYW1wbGVyMkQgdV9mcmFtZUltYWdlO1xuICAgICAgdW5pZm9ybSB2ZWM0IHVfY29sb3I7XG4gICAgICB1bmlmb3JtIHZlYzIgdV90aGlja25lc3M7XG5cbiAgICAgIHZvaWQgbWFpbigpIHtcbiAgICAgICAgdmVjNCBmcmFnQ29sb3IgPSB0ZXh0dXJlMkQodV9pbWFnZSwgdl90ZXhDb29yZCk7XG4gICAgICAgIGlmICh2X3RleENvb3JkLnggPCB1X3RoaWNrbmVzcy54IHx8IHZfdGV4Q29vcmQueCA+IDEuMCAtIHVfdGhpY2tuZXNzLnggfHxcbiAgICAgICAgICB2X3RleENvb3JkLnkgPCB1X3RoaWNrbmVzcy55IHx8IHZfdGV4Q29vcmQueSA+IDEuMCAtIHVfdGhpY2tuZXNzLnkpIHtcbiAgICAgICAgICAgIGZyYWdDb2xvciA9IG1peChmcmFnQ29sb3IsIHVfY29sb3IsIHVfY29sb3IuYSk7XG4gICAgICAgICAgfVxuXG4gICAgICAgIGdsX0ZyYWdDb2xvciA9IGZyYWdDb2xvcjtcbiAgICAgIH1cbiAgICBgXG4gIH1cblxuICAvKipcbiAgICogQ3JvcHMgdGhpcyBpbWFnZSB1c2luZyBXZWJHTFxuICAgKiBAcGFyYW0gIHtXZWJHTFJlbmRlcmVyfSByZW5kZXJlclxuICAgKiBAcHJpdmF0ZVxuICAgKi9cbiAgLyogaXN0YW5idWwgaWdub3JlIG5leHQgKi9cbiAgX3JlbmRlcldlYkdMIChyZW5kZXJlcikge1xuICAgIHZhciBjYW52YXMgPSByZW5kZXJlci5nZXRDYW52YXMoKVxuXG4gICAgdmFyIGNvbG9yID0gdGhpcy5fb3B0aW9ucy5jb2xvclxuICAgIHZhciB0aGlja25lc3MgPSB0aGlzLl9vcHRpb25zLnRoaWNrbmVzcyAqIGNhbnZhcy5oZWlnaHRcbiAgICB2YXIgdGhpY2tuZXNzVmVjMiA9IFt0aGlja25lc3MgLyBjYW52YXMud2lkdGgsIHRoaWNrbmVzcyAvIGNhbnZhcy5oZWlnaHRdXG5cbiAgICBsZXQgdW5pZm9ybXMgPSB7XG4gICAgICB1X2NvbG9yOiB7IHR5cGU6ICc0ZicsIHZhbHVlOiBjb2xvci50b0dMQ29sb3IoKSB9LFxuICAgICAgdV90aGlja25lc3M6IHsgdHlwZTogJzJmJywgdmFsdWU6IHRoaWNrbmVzc1ZlYzIgfVxuICAgIH1cblxuICAgIGlmICghdGhpcy5fZ2xzbFByb2dyYW1zW3JlbmRlcmVyLmlkXSkge1xuICAgICAgdGhpcy5fZ2xzbFByb2dyYW1zW3JlbmRlcmVyLmlkXSA9IHJlbmRlcmVyLnNldHVwR0xTTFByb2dyYW0oXG4gICAgICAgIG51bGwsXG4gICAgICAgIHRoaXMuX2ZyYWdtZW50U2hhZGVyXG4gICAgICApXG4gICAgfVxuXG4gICAgcmVuZGVyZXIucnVuUHJvZ3JhbSh0aGlzLl9nbHNsUHJvZ3JhbXNbcmVuZGVyZXIuaWRdLCB7IHVuaWZvcm1zIH0pXG4gIH1cblxuICAvKipcbiAgICogQ3JvcHMgdGhlIGltYWdlIHVzaW5nIENhbnZhczJEXG4gICAqIEBwYXJhbSAge0NhbnZhc1JlbmRlcmVyfSByZW5kZXJlclxuICAgKiBAcHJpdmF0ZVxuICAgKi9cbiAgX3JlbmRlckNhbnZhcyAocmVuZGVyZXIpIHtcbiAgICB2YXIgY2FudmFzID0gcmVuZGVyZXIuZ2V0Q2FudmFzKClcbiAgICB2YXIgY29udGV4dCA9IHJlbmRlcmVyLmdldENvbnRleHQoKVxuXG4gICAgdmFyIGNvbG9yID0gdGhpcy5fb3B0aW9ucy5jb2xvclxuICAgIHZhciB0aGlja25lc3MgPSB0aGlzLl9vcHRpb25zLnRoaWNrbmVzcyAqIGNhbnZhcy5oZWlnaHRcblxuICAgIGNvbnRleHQuc2F2ZSgpXG4gICAgY29udGV4dC5iZWdpblBhdGgoKVxuICAgIGNvbnRleHQubGluZVdpZHRoID0gdGhpY2tuZXNzICogMlxuICAgIGNvbnRleHQuc3Ryb2tlU3R5bGUgPSBjb2xvci50b1JHQkEoKVxuICAgIGNvbnRleHQucmVjdCgwLCAwLCBjYW52YXMud2lkdGgsIGNhbnZhcy5oZWlnaHQpXG4gICAgY29udGV4dC5zdHJva2UoKVxuICAgIGNvbnRleHQucmVzdG9yZSgpXG4gIH1cbn1cblxuLyoqXG4gKiBBIHVuaXF1ZSBzdHJpbmcgdGhhdCBpZGVudGlmaWVzIHRoaXMgb3BlcmF0aW9uLiBDYW4gYmUgdXNlZCB0byBzZWxlY3RcbiAqIG9wZXJhdGlvbnMuXG4gKiBAdHlwZSB7U3RyaW5nfVxuICovXG5GcmFtZXNPcGVyYXRpb24ucHJvdG90eXBlLmlkZW50aWZpZXIgPSAnZnJhbWVzJ1xuXG4vKipcbiAqIFNwZWNpZmllcyB0aGUgYXZhaWxhYmxlIG9wdGlvbnMgZm9yIHRoaXMgb3BlcmF0aW9uXG4gKiBAdHlwZSB7T2JqZWN0fVxuICovXG5GcmFtZXNPcGVyYXRpb24ucHJvdG90eXBlLmF2YWlsYWJsZU9wdGlvbnMgPSB7XG4gIGNvbG9yOiB7IHR5cGU6ICdjb2xvcicsIGRlZmF1bHQ6IG5ldyBDb2xvcigwLCAwLCAwLCAxKSB9LFxuICB0aGlja25lc3M6IHsgdHlwZTogJ251bWJlcicsIGRlZmF1bHQ6IDAuMDIgfVxufVxuXG5leHBvcnQgZGVmYXVsdCBGcmFtZXNPcGVyYXRpb25cbiJdfQ== |