gpt4 book ai didi

html - 如何将 HTML 文件加载到 Canvas 中?

转载 作者:搜寻专家 更新时间:2023-10-31 22:35:32 24 4
gpt4 key购买 nike

我知道我们可以将图像加载到 Canvas 中,但我想知道我们是否能够将简单的 HTML 文件加载到 Canvas 中。如果是,如何?

谢谢。

最佳答案

Short answer: No, you cannot.

长答案:不可靠,但是是的,你可以以某些(可能是 hackish)的方式。关键在于您定义为“图像”的内容。您知道可以使用 drawImage() 向 Canvas 添加图像。 - 您可能没有意识到“图像”可能是什么(不一定是实际图像)。

首先,“图像”可以是 HTML5 视频元素 - 因此您可以将视频添加到 Canvas 。其次,在大多数现代浏览器中,“图像”可以是 SVG 文档,它可以通过 SVG <foreignObject> 包含 HTML。元素。

浏览器支持:

  • SVG 文档在 drawImage() Firefox 当前不支持。 related bug is here我认为已计划修复。
  • <foreignObject>在大多数浏览器中都有问题 - Firefox(具有讽刺意味的是)似乎拥有最好的支持。

示例:

<svg xmlns="http://www.w3.org/2000/svg">
<foreignObject x="0" y="0" height="800" width="800">
<body xmlns="http://www.w3.org/1999/xhtml">
<p>Hello world!</p>
<input type="date"/>
</body>
</foreignObject>
</svg>

尝试用 Canvas 加载该文件 drawImage()在 Opera 中 - 正如您将看到的,它的交互性存在相当大的问题,但它显示良好。

关于html - 如何将 HTML 文件加载到 Canvas 中?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3276598/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com