<div id='canvas_controls'>
<div id="canvas_slider"></div>
+ <div>
+ <input id='checkbox_mirror_y' type='checkbox'/>
+ <label for='checkbox_mirror_y'>mirror y</label>
+ </div>
</div>
</div>
calculate();
});
+ $('#checkbox_mirror_y').change(function(){
+ draw_scan();
+ });
+
});
py2 = Math.floor(y2/pixel_size);
// alert(px1.toString()+" "+px2.toString()+" "+py1.toString()+" "+py2.toString()+" ");
+ var mirror_y = $('#checkbox_mirror_y').prop('checked');
+ if(!(mirror_y)) {
+ py1 = scan.meta.cols - py1 -1;
+ py2 = scan.meta.cols - py2 -1;
+ }
+
var temp;
if (px1 > px2) {
temp = px1;
}
}
}
+
draw_scan();
calculate();
}
ctx.clearRect(0, 0, c.width, c.height);
-
+ var mirror_y = $('#checkbox_mirror_y').prop('checked');
for (var i = 0; i < scan.meta.rows; i++) {
for (var j = 0; j < scan.meta.cols; j++) {
} else {
ctx.fillStyle = false_color(value,255,255,255,0,0,0);
}
- ctx.fillRect(i*pixel_size - canvas_offset, j*pixel_size, pixel_size, pixel_size);
+
+ if (mirror_y) {
+ ctx.fillRect(i*pixel_size - canvas_offset,j*pixel_size, pixel_size, pixel_size);
+ } else {
+ ctx.fillRect(i*pixel_size - canvas_offset,(scan.meta.cols-j-1)*pixel_size, pixel_size, pixel_size);
+ }
}
//Do something