User interface 画布界面设计

你知道有什么文档或教程可以制作HTML5的画布绘制界面吗

我正在考虑一个分层结构，一个用于主应用程序界面，另一个用于弹出窗口、菜单等，处理多个画布对象并动态地操作它们，但我发现它缺乏灵活性（例如，如果我想要一个非矩形层/画布怎么办？）

事实上，我对画布和复杂的界面设计都是新手，我需要一些文本来开始理解这类任务

---

非常感谢您的帮助！谢谢

我不确定找到完全使用canvas呈现的UI的一步一步示例的最佳方法，但您可能会找到的最佳参考是，或者除此之外，它们的实际引用

至于使用分层的、非矩形的画布，您可能会发现各种各样的实现问题，并且您要求实现一个不打算以这种方式使用的系统。简单地说：你要求把一个圆钉子塞进一个方孔里

从语义的角度来看，画布可能是一个不可见的块容器，因此，如果您正确缩放容器，则在画布中绘制的任何内容都可能暗示为非矩形视图。如果您想模仿全屏flash站点的工作方式，实际上可以在一个大的可伸缩画布中渲染整个视图，而矩形画布实际上只能将您限制为浏览器窗口的方形

如果要对单个元素使用各种画布，仍然可以将它们层叠在一起，但最好的办法是确保这些视图不会相互干扰

我的下一点建议是查看库，以了解库允许您自动在画布对象中动态渲染元素的一些绘图、动画和交互

---

我希望这有帮助！如果您有其他具体问题，如如何使某个弹出窗口或元素以您想要的方式显示在您的站点中，请随时回来询问。

请退出，或者即将发布的两个问题都使用画布创建一些标准UI元素。还有其他的。虽然canvas有很多潜力，但我不确定您是否真的想用它来制作界面，因为绘制的任何文本都不再是文本，因此对辅助技术和谷歌来说都是不可见的

当有更合适的元素可用时，作者不应该在文档中使用canvas元素。例如，使用canvas元素来呈现页面标题是不合适的：如果所需的标题呈现是图形化的，则应该使用适当的元素（通常是h1）对其进行标记，然后使用CSS和支持技术（如XBL）对其进行样式设置

（来自）

抱歉，这不是一个更有用的答案：）顺便问一下，你希望从画布上得到什么，比如说jQuery不提供的