eessppeelllloo/image-sequencer
1
0
Fork 0
mirror of https://github.com/publiclab/image-sequencer.git synced 2025-12-14 12:19:58 +01:00
Code Issues Packages Projects Releases Wiki Activity

Add border thickness and color in DrawRectangle module (#602)

Browse Source 
* added border thickness functionality

* add color functionality
This commit is contained in:
Mridul97
2019-01-04 21:57:29 +05:30
committed by Jeffrey Warren
parent aad1f823d3
commit b71e9dec12
4 changed files with 87 additions and 41 deletions
Download Patch File Download Diff File Expand all files Collapse all files

63
dist/image-sequencer.js vendored
View File

@@ -59907,30 +59907,41 @@ module.exports = exports = function(pixels, options){
options.endY = Number(options.endY) || ih - 1;
var ex = options.endX;
var ey = options.endY;
for(var n = oy*4*iw + 4*ox ; n < oy*4*iw + 4*(ex); n = n+4){
pixels.data[n] = 0;
pixels.data[n+1] = 0;
pixels.data[n+2] = 0;
pixels.data[n+3] = 255;
var thickness = Number(options.thickness) || 1;
var color = options.color || "0 0 0 255";
color = color.split(" ");
for(var i = 0; i<thickness; i++){
for(var n = (oy+i)*4*iw + 4*ox ; n < (oy+i)*4*iw + 4*(ex); n = n+4){
pixels.data[n] = color[0];
pixels.data[n+1] = color[1];
pixels.data[n+2] = color[2];
pixels.data[n+3] = color[3];
}
for(var n = ey*4*iw + 4*ox ; n < ey*4*iw + 4*(ex); n = n+4){
pixels.data[n] = 0;
pixels.data[n+1] = 0;
pixels.data[n+2] = 0;
pixels.data[n+3] = 255;
}
for(var i = 0; i<thickness; i++){
for(var n = (ey-i)*4*iw + 4*ox ; n < (ey-i)*4*iw + 4*(ex); n = n+4){
pixels.data[n] = color[0];
pixels.data[n+1] = color[1];
pixels.data[n+2] = color[2];
pixels.data[n+3] = color[3];
}
for(var n = oy*4*iw + 4*ox ; n < ey*4*iw + 4*ox; n = n+ 4*iw){
pixels.data[n] = 0;
pixels.data[n+1] = 0;
pixels.data[n+2] = 0;
pixels.data[n+3] = 255;
}
for(var i = 0; i < thickness; i++){
for(var n = oy*4*iw + 4*(ox+i) ; n < ey*4*iw + 4*(ox+i); n = n+ 4*iw){
pixels.data[n] = color[0];
pixels.data[n+1] = color[1];
pixels.data[n+2] = color[2];
pixels.data[n+3] = color[3];
}
for(var n = oy*4*iw + 4*ex ; n < ey*4*iw + 4*ex; n = n+ 4*iw){
pixels.data[n] = 0;
pixels.data[n+1] = 0;
pixels.data[n+2] = 0;
pixels.data[n+3] = 255;
}
for(var i = 0; i < thickness; i++){
for(var n = oy*4*iw + 4*(ex - i) ; n < ey*4*iw + 4*(ex - i); n = n+ 4*iw){
pixels.data[n] = color[0];
pixels.data[n+1] = color[1];
pixels.data[n+2] = color[2];
pixels.data[n+3] = color[3];
}
}
return pixels;
}
},{}],201:[function(require,module,exports){
@@ -60008,6 +60019,18 @@ module.exports={
"type": "integer",
"desc": "last y position of the rectangle",
"default": "height"
},
"thickness":{
"type": "integer",
"desc": "thickness of border",
"default": 1
},
"color":{
"type": "String",
"desc": "RGBA values separated by a space",
"default": "0 0 0 255"
}
},
}