w3c 规范中的视口与画布?

Posted

技术标签:

【中文标题】w3c 规范中的视口与画布?【英文标题】:Viewport vs canvas in the w3c specification? 【发布时间】:2012-11-24 20:09:51 【问题描述】:

我正在阅读 w3c specification 并试图了解画布和视口之间的区别。

他们说:

画布是呈现格式化结构的空间。

同时他们说:

视口是屏幕上的窗口或其他查看区域

这两个定义并没有明确什么是画布,什么是视口。谁能给出一个清晰或解释性的定义?

【问题讨论】:

【参考方案1】:

视口是浏览器内边框之间的可见框; 画布是包含整个文档的框。如果画布的一部分不适合视口,则它可能是不可见的。

换句话说:

视口是屏幕上分配用于显示网页的区域。这个框的大小是固定的,只有在用户调整窗口大小时才能改变。 画布可以大于视口。在这种情况下,可能会出现滚动条。

【讨论】:

以上是关于w3c 规范中的视口与画布?的主要内容,如果未能解决你的问题,请参考以下文章

Three.js 为啥带有视口和剪刀的渲染器和我有一个完整的黑色画布

Blender 2.8 中的渲染输出显示与视口显示不同的输出

背景图

Node.js中的模块机制

OpenGL中的投影与变换的案例说明详细!(几何变换=>投影变换=>裁剪=>视口变换,包含常用的函数!)

OpenGL中的投影与变换的案例说明详细!(几何变换=>投影变换=>裁剪=>视口变换,包含常用的函数!)