An AngularJS directive for signature_pad
- angular-sig-pad
<!-- minimal -->
<canvas angular-sig-pad ng-model="model"></canvas>
<!-- maximum -->
<canvas angular-sig-pad ng-model="model" angular-sig-pad-dot-size="4" angular-sig-pad-min-width="0.5" angular-sig-pad-max-width="2.5" angular-sig-pad-background-color="rgba(0,0,0,0)" angular-sig-pad-pen-color="black" angular-sig-pad-velocity-filter-weight="0.7" angular-sig-pad-off="{{readOnly}}"></canvas>- The attribute angular-sig-pad-dot-size is the radius (float) of a single dot.
- The attribute angular-sig-pad-min-width is minimum width (float) of a line. Defaults to
0.5. - The attribute angular-sig-pad-max-width is the maximum width (float) of a line. Defaults to
2.5. - The attribute angular-sig-pad-background-color is the color (string) 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. - The attribute angular-sig-pad-pen-color is the color (string) used to draw the lines. Can be any color format accepted by
context.fillStyle. Defaults to"black". - The attribute angular-sig-pad-velocity-filter-weight is the weight (float) used to modify new velocity based on the previous velocity. Defaults to
0.7. - The attribute angular-sig-pad-off set to 'true' (boolean) turns off events, therefore rendering signature pad read-only.
Russell Morley. MIT licensed.