X-Git-Url: http://git.roojs.org/?a=blobdiff_plain;f=docs%2Fsrc%2FRoo_bootstrap_BezierSignature.js.html;fp=docs%2Fsrc%2FRoo_bootstrap_BezierSignature.js.html;h=6955104b3e0d9c68e538411c278612a2d3594721;hb=aad38167787853df0a110ecb4102717d97aa3cb3;hp=895c98f87cb3ba54416787ef3c0ce3b755b541ac;hpb=b4518379a854ec80681dbf54a4cd4671027b88d9;p=roojs1 diff --git a/docs/src/Roo_bootstrap_BezierSignature.js.html b/docs/src/Roo_bootstrap_BezierSignature.js.html index 895c98f87c..6955104b3e 100644 --- a/docs/src/Roo_bootstrap_BezierSignature.js.html +++ b/docs/src/Roo_bootstrap_BezierSignature.js.html @@ -19,7 +19,8 @@ }); }; -Roo.extend(Roo.bootstrap.BezierSignature, Roo.bootstrap.Component, { +Roo.extend(Roo.bootstrap.BezierSignature, Roo.bootstrap.Component, +{ curve_data: [], @@ -28,57 +29,57 @@ mouse_btn_down: true, /** - * @cfg(int) canvas height + * @cfg {int} canvas height */ canvas_height: '200px', /** - * @cfg(float or function) Radius of a single dot. + * @cfg {float|function} Radius of a single dot. */ dot_size: false, /** - * @cfg(float) Minimum width of a line. Defaults to 0.5. + * @cfg {float} Minimum width of a line. Defaults to 0.5. */ min_width: 0.5, /** - * @cfg(float) Maximum width of a line. Defaults to 2.5. + * @cfg {float} Maximum width of a line. Defaults to 2.5. */ max_width: 2.5, /** - * @cfg(integer) Draw the next point at most once per every x milliseconds. Set it to 0 to turn off throttling. Defaults to 16. + * @cfg {integer} Draw the next point at most once per every x milliseconds. Set it to 0 to turn off throttling. Defaults to 16. */ throttle: 16, /** - * @cfg(integer) Add the next point only if the previous one is farther than x pixels. Defaults to 5. + * @cfg {integer} Add the next point only if the previous one is farther than x pixels. Defaults to 5. */ min_distance: 5, /** - * @cfg(string) Color used to clear the background. Can be any color format accepted by context.fillStyle. Defaults to "rgba(0,0,0,0)" (transparent black). Use a non-transparent color e.g. "rgb(255,255,255)" (opaque white) if you'd like to save signatures as JPEG images. + * @cfg {string} Color used to clear the background. Can be any color format accepted by context.fillStyle. Defaults to "rgba(0,0,0,0)" (transparent black). Use a non-transparent color e.g. "rgb(255,255,255)" (opaque white) if you'd like to save signatures as JPEG images. */ bg_color: 'rgba(0, 0, 0, 0)', /** - * @cfg(string) Color used to draw the lines. Can be any color format accepted by context.fillStyle. Defaults to "black". + * @cfg {string} Color used to draw the lines. Can be any color format accepted by context.fillStyle. Defaults to "black". */ dot_color: 'black', /** - * @cfg(float) Weight used to modify new velocity based on the previous velocity. Defaults to 0.7. + * @cfg {float} Weight used to modify new velocity based on the previous velocity. Defaults to 0.7. */ velocity_filter_weight: 0.7, /** - * @cfg(function) Callback when stroke begin. + * @cfg {function} Callback when stroke begin. */ onBegin: false, /** - * @cfg(function) Callback when stroke end. + * @cfg {function} Callback when stroke end. */ onEnd: false, @@ -171,8 +172,11 @@ var canvas = this.canvasEl().dom; var ctx = this.canvasElCtx(); - var img_data = ctx.getImageData(0, 0, canvas.width, canvas.height); + var img_data = false; + if(canvas.width > 0) { + var img_data = ctx.getImageData(0, 0, canvas.width, canvas.height); + } // setting canvas width will clean img data canvas.width = 0; @@ -184,7 +188,9 @@ canvas.width = this.el.dom.clientWidth - padding_left - padding_right; - ctx.putImageData(img_data, 0, 0); + if(img_data) { + ctx.putImageData(img_data, 0, 0); + } }, _handleMouseDown: function(e)