dist/js/cropjs.js
function () {
            this._drawCross(
                'red',
                {
                    x: this._container.clientWidth / 2,
                    y: this._container.clientHeight / 2
                }
            );

            this._drawCross(
                'green',
                {
                    x: ((this._image.w * this._zoomLevel) / 2) + (this._image.x * this._zoomLevel) + this._margin,
                    y: ((this._image.h * this._zoomLevel) / 2) + (this._image.y * this._zoomLevel) + this._margin
                }
            );

            if (typeof this._debugContainer != 'undefined') {
                var str = '<pre>';
                str += 'Zoom level: ' + this._zoomLevel + "\n";

                if (typeof this._image != 'undefined') {
                    str += 'Image w: ' + this._image.w + "\n";
                    str += '      h: ' + this._image.h + "\n";
                    str += "\n";
                    if (typeof this._image.crop != 'undefined') {
                        str += 'Crop  x: ' + this._image.crop.x + "\n";
                        str += '      y: ' + this._image.crop.y + "\n";
                        str += '      w: ' + this._image.crop.w + "\n";
                        str += '      h: ' + this._image.crop.h + "\n";
                    }
                }
                str += '</pre>';

                this._debugContainer.innerHTML = str;
            }
        }
function () {
            this._drawCross(
                'red',
                {
                    x: this._container.clientWidth / 2,
                    y: this._container.clientHeight / 2
                }
            );

            this._drawCross(
                'green',
                {
                    x: ((this._image.w * this._zoomLevel) / 2) + (this._image.x * this._zoomLevel) + this._margin,
                    y: ((this._image.h * this._zoomLevel) / 2) + (this._image.y * this._zoomLevel) + this._margin
                }
            );

            if (typeof this._debugContainer != 'undefined') {
                var str = '<pre>';
                str += 'Zoom level: ' + this._zoomLevel + "\n";

                if (typeof this._image != 'undefined') {
                    str += 'Image w: ' + this._image.w + "\n";
                    str += '      h: ' + this._image.h + "\n";
                    str += "\n";
                    if (typeof this._image.crop != 'undefined') {
                        str += 'Crop  x: ' + this._image.crop.x + "\n";
                        str += '      y: ' + this._image.crop.y + "\n";
                        str += '      w: ' + this._image.crop.w + "\n";
                        str += '      h: ' + this._image.crop.h + "\n";
                    }
                }
                str += '</pre>';

                this._debugContainer.innerHTML = str;
            }
        }
function ( ) { this . _drawCross ( 'red' , { x : this . _container . clientWidth / 2 , y : this . _container . clientHeight / 2 } ) ; this . _drawCross ( 'green' , { x : ( ( this . _image . w * this . _zoomLevel ) / 2 ) + ( this . _image . x * this . _zoomLevel ) + this . _margin , y : ( ( this . _image . h * this . _zoomLevel ) / 2 ) + ( this . _image . y * this . _zoomLevel ) + this . _margin } ) ; if ( typeof this . _debugContainer != 'undefined' ) { var str = '<pre>' ; str += 'Zoom level: ' + this . _zoomLevel + "\n" ; if ( typeof this . _image != 'undefined' ) { str += 'Image w: ' + this . _image . w + "\n" ; str += '      h: ' + this . _image . h + "\n" ; str += "\n" ; if ( typeof this . _image . crop != 'undefined' ) { str += 'Crop  x: ' + this . _image . crop . x + "\n" ; str += '      y: ' + this . _image . crop . y + "\n" ; str += '      w: ' + this . _image . crop . w + "\n" ; str += '      h: ' + this . _image . crop . h + "\n" ; } } str += '</pre>' ; this . _debugContainer . innerHTML = str ; } }
Render and output debug position and dimensions
@private
Render and output debug position and dimensions