{"id":13697002,"url":"https://github.com/wulfsolter/angular2-signaturepad","last_synced_at":"2025-05-03T17:32:45.644Z","repository":{"id":43193920,"uuid":"50682569","full_name":"wulfsolter/angular2-signaturepad","owner":"wulfsolter","description":"Angular2 Component for szimek / signature_pad","archived":true,"fork":false,"pushed_at":"2022-04-12T06:57:01.000Z","size":5053,"stargazers_count":176,"open_issues_count":17,"forks_count":156,"subscribers_count":12,"default_branch":"master","last_synced_at":"2025-04-30T15:09:47.361Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/wulfsolter.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2016-01-29T18:32:37.000Z","updated_at":"2024-08-20T12:12:28.000Z","dependencies_parsed_at":"2022-08-23T19:20:57.156Z","dependency_job_id":null,"html_url":"https://github.com/wulfsolter/angular2-signaturepad","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wulfsolter%2Fangular2-signaturepad","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wulfsolter%2Fangular2-signaturepad/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wulfsolter%2Fangular2-signaturepad/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wulfsolter%2Fangular2-signaturepad/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/wulfsolter","download_url":"https://codeload.github.com/wulfsolter/angular2-signaturepad/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":252226915,"owners_count":21714895,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-08-02T18:00:51.273Z","updated_at":"2025-05-03T17:32:45.283Z","avatar_url":"https://github.com/wulfsolter.png","language":"TypeScript","funding_links":[],"categories":["Components","UI","Complete projects"],"sub_categories":["Images"],"readme":"# angular2-signaturepad\nAngular 2 component for [szimek/signature_pad](https://www.npmjs.com/package/signature_pad).\n\n# No Longer Maintained\n\u003c\u003c THIS IS NO LONGER IN USE BY OWNER. PROBLEMS CAN AND DO EXIST. PRs ARE SUPER WELCOME, BUT I CAN NOT IDENTIFY WHAT YOUR ISSUES ARE, NOR WILL I CHANGE THINGS BECAUSE ANGULAR HAS CHANGED IN THE YEARS SINCE I WROTE THIS. I DO NOT USE THIS, I CAN'T HELP YOU WITH YOUR PROBLEMS. \u003e\u003e\n\n## Install\n`npm install angular2-signaturepad --save`\n\n## Reference Implementation\n\n* [Live Demo](http://lathonez.com/angular2-signaturepad-demo/)\n* [Source](https://github.com/lathonez/angular2-signaturepad-demo)\n\n## Usage example\n\nAPI is identical to [szimek/signature_pad](https://www.npmjs.com/package/signature_pad).\n\nOptions are as per [szimek/signature_pad](https://www.npmjs.com/package/signature_pad) with the following additions:\n* canvasWidth: width of the canvas (px)\n* canvasHeight: height of the canvas (px)\nThe above options are provided to avoid accessing the DOM directly from your component to adjust the canvas size.\n\n```typescript\n\n// import into app module\n\nimport { SignaturePadModule } from 'angular2-signaturepad';\n\n...\n\n@NgModule({\n  declarations: [ ],\n  imports: [ SignaturePadModule ],\n  providers: [ ],\n  bootstrap: [ AppComponent ]\n})\n\n// then import for use in a component\n\nimport { Component, ViewChild } from 'angular2/core';\nimport { SignaturePad } from 'angular2-signaturepad/signature-pad';\n\n@Component({\n  template: '\u003csignature-pad [options]=\"signaturePadOptions\" (onBeginEvent)=\"drawStart()\" (onEndEvent)=\"drawComplete()\"\u003e\u003c/signature-pad\u003e'\n})\n\nexport class SignaturePadPage{\n\n  @ViewChild(SignaturePad) signaturePad: SignaturePad;\n\n  signaturePadOptions: Object = { // passed through to szimek/signature_pad constructor\n    'minWidth': 5,\n    'canvasWidth': 500,\n    'canvasHeight': 300\n  };\n\n  constructor() {\n    // no-op\n  }\n\n  ngAfterViewInit() {\n    // this.signaturePad is now available\n    this.signaturePad.set('minWidth', 5); // set szimek/signature_pad options at runtime\n    this.signaturePad.clear(); // invoke functions from szimek/signature_pad API\n  }\n\n  drawComplete() {\n    // will be notified of szimek/signature_pad's onEnd event\n    console.log(this.signaturePad.toDataURL());\n  }\n\n  drawStart() {\n    // will be notified of szimek/signature_pad's onBegin event\n    console.log('begin drawing');\n  }\n}\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwulfsolter%2Fangular2-signaturepad","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fwulfsolter%2Fangular2-signaturepad","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwulfsolter%2Fangular2-signaturepad/lists"}