我正在构建一个 Web 应用程序，用户可以在其中将区域（多边形）绘制到视频上。我已经实施的一个解决方案是<div>在视频播放器顶部放置鼠标点击。
我现在愿意做的是能够<div>用鼠标来绘制：
- 单击块以绘制一个点
- 一个按钮，绘制区域，它将用现有点填充多边形
- 一个按钮，删除画布，它将重置块
我正在寻找有关使用哪个库的说明。已经听说过：
- 拉斐尔 ( raphaeljs.com/#demo )
- jsDraw2D ( jsdraw2d.jsfiction.com/demo/linepolygon.htm )
问题
拉斐尔看起来很怪异，但对于我想做的事情来说有点矫枉过正。相反，从我测试的结果来看，jsDraw2D 似乎工作得很好（虽然只能手动绘制）。
我有几个限制，例如：
- 用户正在用鼠标绘制点（通过单击）
- 用户正在绘制一个
<div>不透明的（填充的多边形也应该是透明的） - 我需要存储点的坐标（或至少是多边形的）
问题
我应该使用什么？我应该坚持使用 Raphael，即使它有点难以实现（我基本上没有 JavaScript 的背景）？或者你知道一个 JavaScript 库，它可以做 jsDraw2D 所做的，但更好？
谢谢，