对于圆形每日计划者，canvas 和 svg 之间的正确选择是什么答案

【问题标题】：What is the right choice between canvas and svg for circular daily planner对于圆形每日计划者，canvas 和 svg 之间的正确选择是什么
【发布时间】：2017-11-05 02:17:40
【问题描述】：

我是一个相当新的程序员（技术上想成为程序员），我想问你们一个关于我项目的 html5 图形工具的问题。我打算用electron做一个planner app，planner表格应该是圆形的。 this is the planner I am talking about. 我想为每个圆形扇区添加事件处理程序以添加新列表或编辑现有列表。所以我的问题是，在这种情况下，canvas 和 svg 之间的正确方法是什么？我的意思是，哪种方法易于实现（或需要更短的代码），哪种方法具有更快的渲染速度和更好的性能？

【问题讨论】：

SVG，因为您不能使用 Canvas 声明形状和添加事件处理程序。

标签： javascript html canvas svg electron

【解决方案1】：

如果您是初学者，您应该从 SVG 开始。渲染会更容易，事件管理也会更容易。不要太担心性能，它们都会为您解决问题。

【讨论】：

【解决方案2】：

找到一个更高级别的库（我想到了 d3），它看起来具有最适合您的应用程序的功能，并使用它所构建的任何东西（canvas、svg、webgl...）。

其他注意事项：如果您选择的技术在您需要的平台上不起作用，请不要使用它。（不太可能成为问题，因为您的标签表明这是一个 Electron 应用程序。）

【讨论】：