You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@echarts.apache.org by "nanfb (via GitHub)" <gi...@apache.org> on 2023/06/20 03:57:04 UTC
[GitHub] [echarts] nanfb opened a new issue, #18783: 由于浏览器在渲染大量svg节点时性能很差，想把svg节点通过这个库映射为canvas，
nanfb opened a new issue, #18783:
URL: https://github.com/apache/echarts/issues/18783
### What problem does this feature solve?
对于大量svg节点所造成的性能问题
### What does the proposed API look like?
可以提供类似于svgToCanvas一个方法，然后传入svg节点和渲染出来展示的节点等，对节点对象的属性和事件进行遍历，转化为json格式然后通过canvas渲染出来，也支持事件处理，
--
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org.apache.org
For queries about this service, please contact Infrastructure at:
users@infra.apache.org
---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org
[GitHub] [echarts] plainheart commented on issue #18783: 由于浏览器在渲染大量svg节点时性能很差，想把svg节点通过这个库映射为canvas，
Posted by "plainheart (via GitHub)" <gi...@apache.org>.
plainheart commented on issue #18783:
URL: https://github.com/apache/echarts/issues/18783#issuecomment-1598601951
目前的 SVG 渲染器采用了 Virtual DOM 实现，通常来说应该性能不会太差。
--
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For queries about this service, please contact Infrastructure at:
users@infra.apache.org
---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org
Re: [I] 由于浏览器在渲染大量svg节点时性能很差，想把svg节点通过这个库映射为canvas， [echarts]
Posted by "github-actions[bot] (via GitHub)" <gi...@apache.org>.
github-actions[bot] closed issue #18783: 由于浏览器在渲染大量svg节点时性能很差，想把svg节点通过这个库映射为canvas，
URL: https://github.com/apache/echarts/issues/18783
--
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For queries about this service, please contact Infrastructure at:
users@infra.apache.org
---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org
[GitHub] [echarts] nanfb commented on issue #18783: 由于浏览器在渲染大量svg节点时性能很差，想把svg节点通过这个库映射为canvas，
Posted by "nanfb (via GitHub)" <gi...@apache.org>.
nanfb commented on issue #18783:
URL: https://github.com/apache/echarts/issues/18783#issuecomment-1598191509
> @nanfb Please provide a demo for the issue either with [Official Editor](https://echarts.apache.org/examples/editor.html), [CodePen](https://codepen.io/Ovilia/pen/dyYWXWM), [CodeSandbox](https://codesandbox.io/s/echarts-basic-example-template-mpfz1s) or [JSFiddle](https://jsfiddle.net/plainheart/e46ozpqj/7/).
This is just a feature suggestion :-）
--
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For queries about this service, please contact Infrastructure at:
users@infra.apache.org
---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org
[GitHub] [echarts] nanfb commented on issue #18783: 由于浏览器在渲染大量svg节点时性能很差，想把svg节点通过这个库映射为canvas，
Posted by "nanfb (via GitHub)" <gi...@apache.org>.
nanfb commented on issue #18783:
URL: https://github.com/apache/echarts/issues/18783#issuecomment-1598610077
> 目前的 SVG 渲染器采用了 Virtual DOM 实现，通常来说应该性能不会太差。
节点数量非常多，大概有9000+，我使用svg-pan-zoom实现缩放,平移和缩略图展示，较卡顿，但可以接受，，使用canvas性能应该会好一些吧
--
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For queries about this service, please contact Infrastructure at:
users@infra.apache.org
---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org
Re: [I] 由于浏览器在渲染大量svg节点时性能很差，想把svg节点通过这个库映射为canvas， [echarts]
Posted by "github-actions[bot] (via GitHub)" <gi...@apache.org>.
github-actions[bot] commented on issue #18783:
URL: https://github.com/apache/echarts/issues/18783#issuecomment-3059083544
This issue has been automatically closed because it did not have recent activity. If this remains to be a problem with the latest version of Apache ECharts, please open a new issue and link this to it. Thanks!
--
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For queries about this service, please contact Infrastructure at:
users@infra.apache.org
---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org
[GitHub] [echarts] QingLeiLi commented on issue #18783: 由于浏览器在渲染大量svg节点时性能很差，想把svg节点通过这个库映射为canvas，
Posted by "QingLeiLi (via GitHub)" <gi...@apache.org>.
QingLeiLi commented on issue #18783:
URL: https://github.com/apache/echarts/issues/18783#issuecomment-1619981108
@nanfb echarts 本身不是支持 canvas 渲染器吗？
--
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For queries about this service, please contact Infrastructure at:
users@infra.apache.org
---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org
[GitHub] [echarts] echarts-bot[bot] commented on issue #18783: 由于浏览器在渲染大量svg节点时性能很差，想把svg节点通过这个库映射为canvas，
Posted by "echarts-bot[bot] (via GitHub)" <gi...@apache.org>.
echarts-bot[bot] commented on issue #18783:
URL: https://github.com/apache/echarts/issues/18783#issuecomment-1598071534
@nanfb It seems you are not using English, I've helped translate the content automatically. To make your issue understood by more people and get helped, we'd like to suggest using English next time. 🤗
<details><summary><b>TRANSLATED</b></summary><br>
**TITLE**
Because the browser has poor performance when rendering a large number of svg nodes, I want to map svg nodes to canvas through this library.
**BODY**
### What problem does this feature solve?
Performance issues caused by a large number of SVG nodes
### What does the proposed API look like?
It can provide a method similar to svgToCanvas, and then pass in svg nodes and rendered nodes to display, etc., to traverse the properties and events of node objects, convert them into json format and then render them through canvas, and also support event processing.
</details>
--
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For queries about this service, please contact Infrastructure at:
users@infra.apache.org
---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org
[GitHub] [echarts] echarts-bot[bot] commented on issue #18783: 由于浏览器在渲染大量svg节点时性能很差，想把svg节点通过这个库映射为canvas，
Posted by "echarts-bot[bot] (via GitHub)" <gi...@apache.org>.
echarts-bot[bot] commented on issue #18783:
URL: https://github.com/apache/echarts/issues/18783#issuecomment-1598189327
@nanfb Please provide a demo for the issue either with [Official Editor](https://echarts.apache.org/examples/editor.html), [CodePen](https://codepen.io/Ovilia/pen/dyYWXWM), [CodeSandbox](https://codesandbox.io/s/echarts-basic-example-template-mpfz1s) or [JSFiddle](https://jsfiddle.net/plainheart/e46ozpqj/7/).
--
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For queries about this service, please contact Infrastructure at:
users@infra.apache.org
---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org
Re: [I] 由于浏览器在渲染大量svg节点时性能很差，想把svg节点通过这个库映射为canvas， [echarts]
Posted by "github-actions[bot] (via GitHub)" <gi...@apache.org>.
github-actions[bot] commented on issue #18783:
URL: https://github.com/apache/echarts/issues/18783#issuecomment-3033652449
This issue has been automatically marked as stale because it did not have recent activity. It will be closed in 7 days if no further activity occurs. If you wish not to mark it as stale, please leave a comment in this issue.
--
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For queries about this service, please contact Infrastructure at:
users@infra.apache.org
---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org