{"id":20762042,"url":"https://github.com/donkeyclip/motorcortex-svgdraw","last_synced_at":"2025-04-30T06:40:34.909Z","repository":{"id":37207014,"uuid":"328997217","full_name":"donkeyclip/motorcortex-svgdraw","owner":"donkeyclip","description":null,"archived":false,"fork":false,"pushed_at":"2025-04-14T05:06:34.000Z","size":3956,"stargazers_count":1,"open_issues_count":14,"forks_count":1,"subscribers_count":3,"default_branch":"main","last_synced_at":"2025-04-14T06:22:56.162Z","etag":null,"topics":["motorcortex","motorcortex-plugin","svg"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/donkeyclip.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2021-01-12T13:34:34.000Z","updated_at":"2023-01-31T18:41:16.000Z","dependencies_parsed_at":"2024-06-13T01:36:11.278Z","dependency_job_id":"642efcb9-2097-4dd3-9133-7b3e591eb678","html_url":"https://github.com/donkeyclip/motorcortex-svgdraw","commit_stats":null,"previous_names":[],"tags_count":6,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/donkeyclip%2Fmotorcortex-svgdraw","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/donkeyclip%2Fmotorcortex-svgdraw/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/donkeyclip%2Fmotorcortex-svgdraw/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/donkeyclip%2Fmotorcortex-svgdraw/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/donkeyclip","download_url":"https://codeload.github.com/donkeyclip/motorcortex-svgdraw/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":251657405,"owners_count":21622813,"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":["motorcortex","motorcortex-plugin","svg"],"created_at":"2024-11-17T10:28:58.053Z","updated_at":"2025-04-30T06:40:34.821Z","avatar_url":"https://github.com/donkeyclip.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# MotorCortex-svgdraw\n\n**Table of Contents**\n\n- [MotorCortex-svgdraw](#motorcortex-svgdraw)\n  - [Demo](#demo)\n- [Intro / Features](#intro--features)\n- [Getting Started](#getting-started)\n  - [Installation](#installation)\n  - [Importing and Loading](#importing-and-loading)\n- [Creating Incidents](#creating-incidents)\n  - [Draw](#draw)\n- [Adding Incidents in your clip](#adding-incidents-in-your-clip)\n- [Contributing](#contributing)\n- [License](#license)\n- [Sponsored by](#sponsored-by)\n\n## Demo\n\n[Check it out here](https://donkeyclip.github.io/motorcortex-svgdraw/demo)\n\n# Intro / Features\nThe library provides the Draw effect which applies progressive rendering of svg paths.\nJust provide the target percentage (up to which length of the path you want to render)\nand the Effect will animate the svg path render up that point.\n\nThis Plugin exposes just one Incident:\n- Draw\n\n# Getting Started\n## Installation\n\n```bash\n$ npm install --save @donkeyclip/motorcortex-svgdraw\n# OR\n$ yarn add @donkeyclip/motorcortex-svgdraw\n```\n\n## Importing and loading\n\n```javascript\nimport { loadPlugin } from \"@donkeyclip/motorcortex\";\nimport SVGDDef from \"@donkeyclip/motorcortex-svgdraw\";\nconst SVGD = loadPlugin(SVGDDef);\n```\n# Creating Incidents\n\n## Draw\nOnly svg **path** elements can be selected by Draw Effect. If you try to select any\nelement of other type you'll get error.\nFor each of the selected `path` elements the Effect will draw from the current length \npercentage of the path to the target, provided by the animated attribute `cover` \n\n```javascript\nconst draw = new SVGD.Draw({\n    animatedAttrs: {\n        cover: 1\n    }\n}, {\n    selector: 'svg path',\n    duration: 2000\n});\n```\nThe Effect of the example will fully draw all selected paths in 2000 milliseconds.\n\n# Adding Incidents in your clip\n\n```javascript\nclipName.addIncident(incidentName,startTime);\n```\n\n# Contributing \n\nIn general, we follow the \"fork-and-pull\" Git workflow, so if you want to submit patches and additions you should follow the next steps:\n1.\t**Fork** the repo on GitHub\n2.\t**Clone** the project to your own machine\n3.\t**Commit** changes to your own branch\n4.\t**Push** your work back up to your fork\n5.\tSubmit a **Pull request** so that we can review your changes\n\n# License\n\n[MIT License](https://opensource.org/licenses/MIT)\n\n# Sponsored by\n[\u003cimg src=\"https://presskit.donkeyclip.com/logos/donkey%20clip%20logo.svg\" width=250\u003e\u003c/img\u003e](https://donkeyclip.com)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdonkeyclip%2Fmotorcortex-svgdraw","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdonkeyclip%2Fmotorcortex-svgdraw","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdonkeyclip%2Fmotorcortex-svgdraw/lists"}