1.canvas

1.1 demo

canvas基础示例

1.2 docs

• canvas基础知识
• 着色
• 文本
• drawImage

1.3 mini-project

Vue3 + Vite实现简单的白板

• 画布背景网格显示
• 支持绘制矩形
• 无限画布
• 无限画布移动时能够正常重绘所有图形(scrollX和scrollY的修正)
• 支持绘制菱形
• 支持绘制自由画笔
• 支持绘制多行文字
• 支持绘制图片
• 支持整体画布放大缩小
• 支持转化为图片下载
• 性能优化总结

---

基于G2自定义Shape组件实现自定义的词云库

• 基于V4版本进行改造
• 先绘制出文本内容，再进行文本框的绘制
• 使用polygon绘制矩形（无法实现borderRadius)
• 使用path模式，根据svg规则，进行二次贝塞尔曲线的绘制

2.richText

2.1 ProseMirror

2.2 Tiptap

2.3 BlockNote

• 初始化流程源码分析
• xl-multi-column源码分析

3.svg

3.1 demo

• 使用viewBox进行缩放

3.2 pr

3.2.1 x6