html - 在 Canvas 中嵌入 HTML5 控件？

Question

我正在开发一个非常丰富和复杂的 Web UI，它只能在 HTML5 Canvas 控件中完全实现。但是，有一些“标准”HTML 控件我想以某种方式嵌入在 Canvas 中呈现的 UI 中。

例如，我希望能够在 Canvas 中嵌入 Google 地图。可以想象，我还想嵌入许多其他控件类型。

这种嵌入是否可能？我是 HTML5 新手，所以我不确定是否有某种方法可以将标准控件呈现到屏幕外缓冲区，然后将该缓冲区作为图像爆破到 Canvas 中。

这有可能吗？

谢谢，

菲利克斯

Answer 1

比在屏幕外渲染 HTML 更简单的解决方案是在画布上的 div 中简单地显示一些HTML。

我对所有类型的 UI 都这样做，尤其是输入，没有任何问题。只需为要在画布上显示的 HTML 元素提供一个固定位置和一个 z-index，并在您希望它们可见时将它们附加到 DOM。

Answer 2

试试 google canvas 控件库这些搜索词，看看该库是否符合您的需求，而不是进行大量返工。