{"id":19838190,"url":"https://github.com/oceanpresentchao/peintre2","last_synced_at":"2026-02-23T22:19:12.364Z","repository":{"id":114407261,"uuid":"585021401","full_name":"OceanPresentChao/Peintre2","owner":"OceanPresentChao","description":"A configurable light canvas painter component with Vue3.可配置的轻量级Vue3画板组件","archived":false,"fork":false,"pushed_at":"2024-07-14T05:00:36.000Z","size":495,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-02-14T20:47:57.152Z","etag":null,"topics":["canvas","painter","typescript","vue","vue3"],"latest_commit_sha":null,"homepage":"","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/OceanPresentChao.png","metadata":{"files":{"readme":"README.EN.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,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2023-01-04T05:39:05.000Z","updated_at":"2024-08-05T11:29:06.000Z","dependencies_parsed_at":null,"dependency_job_id":"6ac48d16-247a-4369-83d2-dbb03b049cde","html_url":"https://github.com/OceanPresentChao/Peintre2","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/OceanPresentChao%2FPeintre2","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/OceanPresentChao%2FPeintre2/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/OceanPresentChao%2FPeintre2/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/OceanPresentChao%2FPeintre2/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/OceanPresentChao","download_url":"https://codeload.github.com/OceanPresentChao/Peintre2/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":241990326,"owners_count":20053900,"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":["canvas","painter","typescript","vue","vue3"],"created_at":"2024-11-12T12:17:00.325Z","updated_at":"2026-02-23T22:19:07.332Z","avatar_url":"https://github.com/OceanPresentChao.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Peintre2\r\n\r\n一个开箱即用的可配置的轻量级Vue3画板组件。支持多图层、多工具、选择变形图形\r\n\r\n\u003cp align='center'\u003e\r\nEnglish | \u003ca href=\"./README.md\"\u003e简体中文\u003c/a\u003e\r\n\u003c/p\u003e\r\n\r\n## Features\r\n\r\n1. multi layers √\r\n2. change color and line width of tool √\r\n3. geometry tool such as line、rectangle、ellipse √\r\n4. draggable layers √\r\n5. grabbing context √\r\n6. undo、redo √\r\n7. save image √\r\n8. selecting and move、resize elements √\r\n9. optional tool bar mode √\r\n\r\n## Live Demo\r\n\r\n[Demo](https://oceanpresentchao.github.io/Peintre2/)\r\n\r\n\r\n## Installation\r\n\r\n### With npm\r\n\r\n```bash\r\nnpm i peintre\r\npnpm add peintre\r\n```\r\n\r\n## Usage\r\n\r\n```html\r\nimport Painter from \"peintre\"\r\nimport 'peintre/dist/style.css'\r\n\r\n\u003cPainter mode=\"side\" :width=\"800\" :height=\"600\" :maxLine=\"100\" :minLine=\"1\"\u003e\u003c/Painter\u003e\r\n\r\n```\r\n## Props\r\n\r\n| Attribute  | Description | Type                                          | Default |\r\n| ---------  | ----------- | --------------------------------------------- | ------- |\r\n| width    | canvas width   | number |   800     |\r\n| height    | canvas height   | number |   600     |\r\n| maxLine    | max context line width   | number |   100     |\r\n| minLine    | min context line width   | number |   1     |\r\n| mode    |  mode of tool bar  | 'side' | 'float' |   'side'    |","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Foceanpresentchao%2Fpeintre2","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Foceanpresentchao%2Fpeintre2","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Foceanpresentchao%2Fpeintre2/lists"}