📄️ 弧形
学习如何使用 Konva.js 在 HTML5 Canvas 上绘制弧形。使用 Konva.Arc 形状设置内/外半径、角度和顺时针方向。
📄️ 箭头
学习如何使用 Konva.js 在 HTML5 Canvas 上绘制箭头。使用 Konva.Arrow 形状创建具有可自定义指针、描边和填充的箭头。
📄️ 圆形
学习如何使用 Konva.js 在 HTML5 Canvas 上绘制圆形。使用 Konva.Circle 形状设置半径、填充、描边、透明度和阴影。
📄️ 自定义形状
学习如何使用 Konva.js 在 HTML5 Canvas 上绘制自定义形状。使用 Konva.Shape sceneFunc 通过原生 Canvas 2D 上下文创建任何形状。
📄️ 椭圆
学习如何使用 Konva.js 在 HTML5 Canvas 上绘制椭圆。使用 Konva.Ellipse 形状设置 radiusX、radiusY、fill、stroke 等属性。
📄️ 组合
学习如何使用 Konva.js 在 HTML5 Canvas 上组合形状。使用 Konva.Group 一起移动、旋转和缩放多个形状。
📄️ 图片
学习如何使用 Konva.js 在 HTML5 画布上绘制图片。使用 Konva.Image 形状从 URL 加载图片、裁剪、调整大小和应用滤镜。
📄️ 标签
学习如何使用 Konva.js 在 HTML5 Canvas 上绘制带有文本和标签的标签。使用 Konva.Label 形状创建工具提示、标注和注释。
📄️ 线条
学习如何使用 Konva.js 在 HTML5 Canvas 上绘制线条。使用 Konva.Line 形状创建简单线条、样条曲线、多边形和 blob。
📄️ 线 - Blob
学习如何使用 Konva 的 Konva.Line 配合 closed 和 tension 属性在 HTML5 canvas 上绘制 blob 形状。
📄️ 线 - 多边形
学习如何使用 Konva 在 HTML5 canvas 上 绘制多边形，方法是将 Konva.Line 的 closed 属性设置为 true。
📄️ Line - 简单线条
学习如何使用 Konva.Line 在 HTML5 Canvas 上绘制简单线条、虚线和点线。
📄️ 直线 - 曲线
学习如何使用 Konva 的 Konva.Line 及其 tension 属性在 HTML5 画布上绘制平滑的样条曲线。
📄️ 路径
学习如何使用 Konva.js 和 SVG 路径数据在 HTML5 Canvas 上绘制自定义路径。使用 Konva.Path 形状创建复杂形状。
📄️ 矩形
学习如何使用 Konva.js 在 HTML5 Canvas 上绘制矩形。使用 Konva.Rect 形状设置填充、描边、大小、位置、圆角半径、阴影等。
📄️ 正多边形
学习如何使用 Konva.js 和 Konva.RegularPolygon 形状在 HTML5 Canvas 上绘制正多边形（三角形、五边形、六边形）。
📄️ 环形
学习如何使用 Konva.js 在 HTML5 Canvas 上绘制环形（甜甜圈）。使用 Konva.Ring 形状设置内半径和外半径。
📄️ 精灵
学习如何使用 Konva.js 在 HTML5 Canvas 上使用精灵表进行动画制作。使用 Konva.Sprite 形状播放基于帧的动画。
📄️ 星星
学习如何使用 Konva.js 在 HTML5 Canvas 上绘制星星。使用 Konva.Star 形状设置内/外半径、点数、填充和描边。
📄️ 文本
学习如何使用 Konva.js 在 HTML5 Canvas 上绘制文本。使用 Konva.Text 形状设置字体系列、大小、样式、对齐方式、换行、内边距和装饰。
📄️ TextPath
学习如何使用 Konva.js 在 HTML5 Canvas 上沿路径绘制文本。使用 Konva.TextPath 形状渲染弯曲或圆形文本。
📄️ 楔形
学习如何使用 Konva.js 在 HTML5 画布上绘制楔形（饼图片段）。使用 Konva.Wedge 形状设置角度、半径和旋转。