
Security News
Meet the Socket Team at RSAC and BSidesSF 2025
Join Socket for exclusive networking events, rooftop gatherings, and one-on-one meetings during BSidesSF and RSA 2025 in San Francisco.
@momsfriendlydevco/angular-ui-scribble
Advanced tools
Supply Chain Security
Vulnerability
Quality
Maintenance
License
Simple drawing widget to collect signatures, drawings or scrawls on a plain background or input from a webcam.
Can be used for:
Demo.
NOTE: This module requires signature_pad
npm install --save @momsfriendlydevco/angular-ui-scribble
<script src="/libs/angular-ui-scribble/dist/votetally.min.js"/>
<link href="/libs/angular-ui-scribble/dist/angular-ui-scribble.min.css" rel="stylesheet" type="text/css"/>
angular.module()
call:var app = angular.module('app', ['angular-ui-scribble'])
<ui-scribble editable="true" callback="someFunction(image)"></ui-scribble>
A demo is also available. To use this follow the instructions in the demo directory.
The UI widget is a AngularJS directive which supports the following options:
Option | Type | Default | Description |
---|---|---|---|
callback | function | none | The function to accept the completed drawing. The callback must contain either keyword dataURI or blob somewhere which will be replaced with the DataURI of the encoded image and the raw binary blob. e.g. myCallback(dataURI) to recieve the dataURI and myCallback(blob) to get the Blob object |
editable | boolean | false | If false the first scribble the user makes will be used, if true the user has access to some editing tools before submission |
colors | array | Pastel colors | An array of colors to select from |
sizes | array | [1,2,3,4,5] | An array of pen sizes to select from |
buttons | Object | {} | Which buttons should be displayed in the UI. See below for each individual option |
buttons.camera | boolean | true | Display the camera capture button if the platform supports it |
buttons.colors | boolean | true | Display the color selection buttons |
buttons.clear | boolean | true | Display the clear input button |
buttons.eraser | boolean | true | Display the eraser tool |
buttons.sizes | boolean | true | Display the pen size selection buttons |
width | number | 400 | The width of the widget |
height | number | 200 | The height of the widget |
FAQs
Angular signature_pad wrapper
We found that @momsfriendlydevco/angular-ui-scribble demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 5 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Join Socket for exclusive networking events, rooftop gatherings, and one-on-one meetings during BSidesSF and RSA 2025 in San Francisco.
Security News
Biome's v2.0 beta introduces custom plugins, domain-specific linting, and type-aware rules while laying groundwork for HTML support and embedded language features in 2025.
Security News
Next.js has patched a critical vulnerability (CVE-2025-29927) that allowed attackers to bypass middleware-based authorization checks in self-hosted apps.