5.1.8

Breaking Changes

• [g] 在画布中添加图形 canvas.appendChild() 应当等待初始化完成，有以下两种方式。文档

canvas.addEventListener(CanvasEvent.READY, () => {
    canvas.appendChild(circle);
});

// 或者
(async () => {
  await canvas.ready;
  canvas.appendChild(circle);
})();

Features

• [g-plugin-dragndrop] 画布支持拖拽 文档
• [g-canvaskit] 新增 CanvasKit 渲染器，支持文本段落排版、Emoji、Lottie 动画播放器、粒子特效 文档 #1019 #1020 #1026

Bugfix

• [g-plugin-dragndrop] dragend 应当在 drop 之后触发 #1030
• [g-svg] 使用 userSpaceOnUse 作为 filter/gradient/pattern 的单位 #1025
• [g] 处理圆角矩形半径过大的情况 #1029

5.1.7

Features

• [g] 渲染器增加 enableCulling 配置项
• [g-plugin-rough-svg-renderer] 基于 SVG 的手绘风格插件 文档

Bugfix

• [g] 正确处理 <canvas> 宽高
• [g] cloneNode 同时会应用变换 示例
• [g-webgl] 正确处理画布的 background #1022 文档

5.1.6

Features

• [g] 使用 rollup + terser 包体积优化
• [g-mobile-canvas-element] 使用已存在的 context 创建类 Canvas 元素

Bugfix

• [g] lineWidth 属性默认值为 '0'，未设置时为空字符串
• [g-svg] shadowBlur 小于等于 0 时不添加 dropshadow filter
• [g-webgl] 绘制闭合的 Path 存在缺口 #1001

5.1.5

Features

• [g] CSS Property 支持 <angle> 解析器 文档
• [g-web-components] 基于 Web Components 的声明式用法 文档 示例 React + Web Components

Bugfix

• [g-svg] 频繁改变结构带来的性能问题
• [g-plugin-dragndrop] 不再默认进行元素移动，交由用户在 drag 事件中处理 文档 示例
• [g] attributeChangedCallback 一定在 connectedCallback 之后触发

5.1.4

Features

• [g-plugin-dragndrop] 基于 PointerEvents 实现的拖放插件。文档

5.1.3

Features

• [g] 使用 PointerEvent 实现 Pinch 手势 示例
• [g] 使用轻量的 tapable 实现

Bugfix

• [g] HTML 图形拾取问题 #1000
• [g] CustomElement 的 connectedCallback 回调应该在 mounted 最后触发
• 使用 rollup 构建 #972

5.1.2

Features

• Rect 支持圆角 #992 文档

Bugfix

• 修复自定义图形自定义属性与内置属性 path / points 冲突问题 #993
• g-plugin-yoga 使用 computed value #973
• g-svg 动画修改属性时未挂载问题 #994

5.1.1

Bugfix

• CustomElement 支持 x/y 属性

5.1.0

Breaking Change

x/y 不再是每个图形的共有属性，与 SVG 规范保持一致，例如：

• Circle Ellipse 应使用 cx/cy 文档
• Rect Image Text Group HTML 仍使用 x/y 文档
• Line Polyline Polygon Path 无 x/y 属性

Feature

• g-canvas 支持服务端渲染，使用 node-canvas #984 文档

Bugfix

• HTML 元素正确应用 id name fill pointerEvents 等属性 文档 示例
• convertToPath 考虑变换 #986 文档
• removeAttribute 也会触发重绘 #983

5.0.24

Features

• [g] 可使用 increasedLineWidthForHitTesting 增大交互区域。对应老版本的 lineAppendWidth 并修复了 SVG 不生效的问题 #980

Bugfix

• [g-webgpu] 修复一些最新版本废弃的 API #909
• [g-webgpu] 将 WebGPU 平台代码分离出来，更新渲染器文档
• [react-g] 问题修复