{"id":19657784,"url":"https://github.com/wbccb/visualization-study","last_synced_at":"2026-02-11T14:03:21.764Z","repository":{"id":177873633,"uuid":"651100620","full_name":"wbccb/visualization-study","owner":"wbccb","description":"canvas、richText、svg相关","archived":false,"fork":false,"pushed_at":"2025-11-26T06:08:05.000Z","size":8117,"stargazers_count":3,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-11-29T06:59:33.261Z","etag":null,"topics":["markwon"],"latest_commit_sha":null,"homepage":"","language":"HTML","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/wbccb.png","metadata":{"files":{"readme":"README.md","changelog":null,"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,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2023-06-08T13:48:31.000Z","updated_at":"2025-11-26T06:08:08.000Z","dependencies_parsed_at":"2025-08-28T10:24:54.104Z","dependency_job_id":"98e0b136-0551-47f7-bec0-8b474ee0eec2","html_url":"https://github.com/wbccb/visualization-study","commit_stats":null,"previous_names":["wbccb/canvas-web3d","wbccb/visualization-study"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/wbccb/visualization-study","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wbccb%2Fvisualization-study","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wbccb%2Fvisualization-study/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wbccb%2Fvisualization-study/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wbccb%2Fvisualization-study/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/wbccb","download_url":"https://codeload.github.com/wbccb/visualization-study/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wbccb%2Fvisualization-study/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":29333921,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-02-11T12:42:24.625Z","status":"ssl_error","status_checked_at":"2026-02-11T12:41:23.344Z","response_time":97,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.5:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"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":["markwon"],"created_at":"2024-11-11T15:33:40.297Z","updated_at":"2026-02-11T14:03:21.748Z","avatar_url":"https://github.com/wbccb.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# 1.canvas\n\n## 1.1 demo\n\n[canvas基础示例](https://github.com/wbccb/visualization-study/tree/main/canvas/demo/1-base)\n\n## 1.2 docs\n\n- [canvas基础知识](https://github.com/wbccb/visualization-study/blob/main/canvas/docs/1-base/0-quick-start.md)\n- [着色](https://github.com/wbccb/visualization-study/blob/main/canvas/docs/1-base/1-color.md)\n- [文本](https://github.com/wbccb/visualization-study/blob/main/canvas/docs/1-base/2-text.md)\n- [drawImage](https://github.com/wbccb/visualization-study/blob/main/canvas/docs/1-base/3-image.md)\n\n## 1.3 mini-project\n\n[Vue3 + Vite实现简单的白板](https://github.com/wbccb/visualization-study/tree/main/canvas/mini-project/mini-whiteboard)\n- 画布背景网格显示\n- 支持绘制矩形\n- 无限画布\n- 无限画布移动时能够正常重绘所有图形(scrollX和scrollY的修正)\n- 支持绘制菱形\n- 支持绘制自由画笔\n- 支持绘制多行文字\n- 支持绘制图片\n- 支持整体画布放大缩小\n- 支持转化为图片下载\n- 性能优化总结\n--------\n[基于G2自定义Shape组件实现自定义的词云库](https://github.com/wbccb/visualization-study/tree/main/canvas/mini-project/g2-custom-word-cloud)\n- 基于V4版本进行改造\n- 先绘制出文本内容，再进行文本框的绘制\n- 使用polygon绘制矩形（无法实现borderRadius)\n- 使用path模式，根据svg规则，进行二次贝塞尔曲线的绘制\n  \n# 2.richText\n\n## 2.1 ProseMirror\n\n- [基础概念](https://github.com/wbccb/visualization-study/blob/main/richText/ProseMirror/%E5%9F%BA%E7%A1%80%E6%A6%82%E5%BF%B5.md)\n- [resolvePos](https://github.com/wbccb/visualization-study/blob/main/richText/ProseMirror/resolvePos.md)\n- [小细节问题总结](https://github.com/wbccb/visualization-study/blob/main/richText/ProseMirror/%E5%B0%8F%E7%BB%86%E8%8A%82%E9%97%AE%E9%A2%98%E6%80%BB%E7%BB%93.md)\n- [其它源码文章学习总结](https://github.com/wbccb/visualization-study/blob/main/richText/ProseMirror/%E5%85%B6%E5%AE%83%E6%BA%90%E7%A0%81%E6%96%87%E7%AB%A0%E5%AD%A6%E4%B9%A0%E6%80%BB%E7%BB%93.md)\n\n\n## 2.2 Tiptap\n\n- [创建一个extension](https://github.com/wbccb/visualization-study/blob/main/richText/Tiptap/1.%20%E5%88%9B%E5%BB%BA%E4%B8%80%E4%B8%AAextension.md)\n\n## 2.3 BlockNote-v0.20.0\n\n- [初始化流程源码分析](https://github.com/wbccb/visualization-study/blob/main/richText/BlockNote-v0.20.0/1.%E5%88%9D%E5%A7%8B%E5%8C%96.md)\n- [xl-multi-column源码分析](https://github.com/wbccb/visualization-study/blob/main/richText/BlockNote-v0.20.0/2.xl-multi-column%E7%B1%BB%E5%9E%8B.md)\n- [block类型总结](https://github.com/wbccb/visualization-study/blob/main/richText/BlockNote-v0.20.0/3.block类型总结.md)\n- [TableBlockContent](https://github.com/wbccb/visualization-study/blob/main/richText/BlockNote-v0.20.0/4.TableBlockContent.md)\n- [构建新的数据类型-图片内联](https://github.com/wbccb/visualization-study/blob/main/richText/BlockNote-v0.20.0/5.构建新的数据类型-图片内联.md)\n- [复制黏贴](https://github.com/wbccb/visualization-study/blob/main/richText/BlockNote-v0.20.0/6.复制黏贴.md)\n\n# 3.svg\n\n## 3.1 demo\n- [使用viewBox进行缩放](https://github.com/wbccb/visualization-study/blob/main/svg/demo/1-viewbox.html)\n\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwbccb%2Fvisualization-study","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fwbccb%2Fvisualization-study","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwbccb%2Fvisualization-study/lists"}