---
title: "Canvas - 一纸忘忧"
canonical_url: "https://www.ikxin.com/tag/canvas"
locale: zh-cn
meta:
  "og:title": Canvas
---

> Index of every page on this site: [llms.txt](https://www.ikxin.com/llms.txt)

# Canvas

[![konva.js 阻止 click 点击事件冒泡到父元素](https://www.ikxin.com/_ipx/f_webp&s_448x314/https://img.8b5.cn/2023/03/29/6423ea1d7d571.png)](https://www.ikxin.com/article/konva-click-bubbling)

## [konva.js 阻止 click 点击事件冒泡到父元素](https://www.ikxin.com/article/konva-click-bubbling)

在 KonvaJS 中，事件冒泡是默认启用的，这意味着当在子元素上触发事件时，该事件将向上传播到父元素。因此，如果在图层上注册了 click 事件并在其上创建了一个组，那么单击该组也将触发该事件。 KonvaJS 并没有 stopPropa

[Web 前端](https://www.ikxin.com/category/web) 2023.03.295523 人浏览 [0 条评论](https://www.ikxin.com/article/konva-click-bubbling#comments)

[Canvas](https://www.ikxin.com/tag/canvas)

```json
{"@context":"https://schema.org","@graph":[{"@id":"https://www.ikxin.com/#website","@type":"WebSite","description":"一纸忘忧的个人网站，关于技术探索与日常生活，记录 Web 开发、服务端与 DevOps 实践，分享软件工具、数码体验，以及代码之外的见闻与思考。","inLanguage":"zh-CN","name":"一纸忘忧","url":"https://www.ikxin.com/","workTranslation":[{"@id":"https://www.ikxin.com/zh-tw#website"},{"@id":"https://www.ikxin.com/ko#website"},{"@id":"https://www.ikxin.com/en#website"},{"@id":"https://www.ikxin.com/ja#website"}]},{"@id":"https://www.ikxin.com/tag/canvas#webpage","@type":"WebPage","description":"一纸忘忧的个人网站，关于技术探索与日常生活，记录 Web 开发、服务端与 DevOps 实践，分享软件工具、数码体验，以及代码之外的见闻与思考。","name":"Canvas","url":"https://www.ikxin.com/tag/canvas","isPartOf":{"@id":"https://www.ikxin.com/#website"},"potentialAction":[{"@type":"ReadAction","target":["https://www.ikxin.com/tag/canvas"]}]}]}
```

## Sitemap

See the full [sitemap](https://www.ikxin.com/sitemap.md) for all pages.