draw : function()
{
+ console.log("DRAW");
this.previewEl.dom.innerHTML = '';
- var canvasEl = document.createElement("canvas");
+ // var canvasEl = document.createElement("canvas");
- var contextEl = canvasEl.getContext("2d");
+ // var contextEl = canvasEl.getContext("2d");
- canvasEl.width = this.imageEl.OriginWidth * this.getScaleLevel();
- canvasEl.height = this.imageEl.OriginWidth * this.getScaleLevel();
- var center = this.imageEl.OriginWidth / 2;
+ // canvasEl.width = this.imageEl.OriginWidth * this.getScaleLevel();
+ // canvasEl.height = this.imageEl.OriginWidth * this.getScaleLevel();
+ // var center = this.imageEl.OriginWidth / 2;
- if(this.imageEl.OriginWidth < this.imageEl.OriginHeight){
- canvasEl.width = this.imageEl.OriginHeight * this.getScaleLevel();
- canvasEl.height = this.imageEl.OriginHeight * this.getScaleLevel();
- center = this.imageEl.OriginHeight / 2;
- }
+ // if(this.imageEl.OriginWidth < this.imageEl.OriginHeight){
+ // canvasEl.width = this.imageEl.OriginHeight * this.getScaleLevel();
+ // canvasEl.height = this.imageEl.OriginHeight * this.getScaleLevel();
+ // center = this.imageEl.OriginHeight / 2;
+ // }
- contextEl.scale(this.getScaleLevel(), this.getScaleLevel());
+ // contextEl.scale(this.getScaleLevel(), this.getScaleLevel());
- contextEl.translate(center, center);
- contextEl.rotate(this.rotate * Math.PI / 180);
+ // contextEl.translate(center, center);
+ // contextEl.rotate(this.rotate * Math.PI / 180);
- contextEl.drawImage(this.imageEl, 0, 0, this.imageEl.OriginWidth, this.imageEl.OriginHeight, center * -1, center * -1, this.imageEl.OriginWidth, this.imageEl.OriginHeight);
+ // contextEl.drawImage(this.imageEl, 0, 0, this.imageEl.OriginWidth, this.imageEl.OriginHeight, center * -1, center * -1, this.imageEl.OriginWidth, this.imageEl.OriginHeight);
this.canvasEl = document.createElement("canvas");
setThumbBoxPosition : function()
{
+ console.log("SET THUMBBOX POSITION");
var x = Math.ceil((this.bodyEl.getWidth() - this.thumbEl.getWidth()) / 2 );
var y = Math.ceil((this.bodyEl.getHeight() - this.thumbEl.getHeight()) / 2);
baseRotateLevel : function()
{
+ console.log("BASE ROTATE LEVEL");
this.baseRotate = 1;
if(
baseScaleLevel : function()
{
+ console.log("BASE SCALE LEVEL");
var width, height;
if(this.isDocument){