zrender为什么不将dom事件绑定在canvas上？ Zrender 不直接将 DOM 事件绑定在 Canvas 上有几个原因：

性能优化：Canvas 元素上的 DOM 事件绑定通常会导致性能问题，特别是在有大量图形元素需要交互时。因为每次触发事件时，浏览器都需要遍历所有的图形元素来判断是否命中，这样对性能影响较大。而 Zrender 使用了命中测试和事件代理机制，通过计算命中的图形元素并将事件传递给它们，可以提高事件处理的效率。

抽象和封装：Zrender 的设计目标是提供一个独立于底层渲染技术的图形绘制引擎，使开发者能够在不同的渲染环境下使用相同的代码。直接将 DOM 事件绑定在 Canvas 上会限制 Zrender 在其他渲染技术上的灵活性和可移植性。通过抽象出事件系统，并提供一套统一的事件处理机制，Zrender 能够在各种渲染环境下保持一致的行为和使用方式。

多平台兼容性：除了支持 Canvas 渲染，Zrender 还可以在其他平台上运行，如 SVG、VML 等。如果直接将 DOM 事件绑定在 Canvas 上，将会限制 Zrender 在这些平台上的功能和交互能力。通过使用独立的事件系统，Zrender 能够在不同平台上提供一致的事件处理，保证了跨平台的兼容性。

综上所述，将 DOM 事件直接绑定在 Canvas 上存在性能、抽象和多平台兼容性等方面的限制和问题。通过采用命中测试和事件代理机制，Zrender 可以提供更高效、灵活和跨平台的事件处理能力。

zrender在内部要在创建个div嵌套canvas？ 是的，在 ZRender 内部，会创建一个

元素来嵌套 。 这种设计方式主要是为了解决以下一些问题：

图层管理：通过使用

元素作为容器，可以更方便地实现图层管理。ZRender 可以在 元素中创建不同的子容器，每个子容器代表一个图层，并在各个图层之间进行渲染和布局。 视口变换：使用

嵌套 的方式，可以更灵活地处理视口变换。ZRender 可以通过设置 元素的样式属性（如 transform）来控制画布的平移、缩放和旋转等操作，而不用直接修改 元素的属性。 事件分发：通过将

元素用作容器，可以更好地实现事件分发和交互处理。ZRender 可以监听 元素上的鼠标、触摸等事件，并根据事件的位置和目标元素进行事件分发和响应。 总结来说，ZRender 在内部使用

元素来嵌套 ，以实现更好的图层管理、视口变换和事件分发等功能。这样的设计使得 ZRender 更具灵活性和可扩展性，能够满足不同场景下的图形渲染需求。 https://ai.qidianym.net/#/chat/1002 http://www.zhuazhuaweb.com/zrender 源码解析

作业：考虑填充色渐变 填充图片 父子关系