Что такое холст и в каком случае создается новый вложенный холст?

Question

[VL5438]

В спецификации CSS22 описано что такое холст, а в приложении к спецификации CSS2.2, которая описывает контекст наложения написано следующее:

The canvas is transparent if contained within another, and given a UA-defined color if it is not. It is infinite in extent and contains the root element. Initially, the viewport is anchored with its top left corner at the canvas origin.

В каких случаях создается этот вложенный холст? И какого он будет размера?

Answer 1

[Kovalsky]

Не написано что канвас где-то создается. Написано что канвас 1) прозрачный если находится внутри другой канвы и 2) имеет цвет заданный юзер агентом (браузером например) если не находится внутри другой канвы.

Апдейт - все что я написал выше это херня, потому что я думал что речь о Canvas. На самом деле речь просто о пространстве в котором рендерится документ (что сути кстати почти не меняет):

For all media, the term canvas describes "the space where the formatting structure is rendered." The canvas is infinite for each dimension of the space, but rendering generally occurs within a finite region of the canvas, established by the user agent according to the target medium. For instance, user agents rendering to a screen generally impose a minimum width and choose an initial width based on the dimensions of the viewport. User agents rendering to a page generally impose width and height constraints. Aural user agents may impose limits in audio space, but not in time.

Например элементы html и body рендерятся в рамках этого самого пространства, и это пространство имеет какой-то цвет по умолчанию. Этот цвет прозрачный если канвас вложен в другой или задается браузером если нет.

Comments

[VL5438]

А что касаемо моего вопроса? Ведь там написано, что холст может быть вложен, а значит новый холст создается по каким-то условиям. Из спецификации по второй ссылке можно предположить, что новый холст создается при создании нового контекста наложения, и он в данном случае прозрачный, потому что этот холст по идее должен быть размером достаточным для размещения в нем всех элементов включая абсолютно позиционированных и если бы он не был прозрачным то он закрывал бы элементы под собой. Но если посмотреть на элементы не создающие новый контекст наложения, но абсолютно позиционируемые, складывается впечатление что они тоже создают холст, который имеет размер содержащего блока и позиционируются относительно него (как будто содержащий блок и есть холст в данном случае). Но есть и другая сторона, если содержащий блок имеет высоту 200px, а мы абсолютно позиционируемому элементу задали top:500px, то содержащий блок размеров не изменит, а холст увеличится.

[Kovalsky]

VL5438, "потому что этот холст по идее должен быть размером достаточным для размещения в нем всех элементов включая абсолютно позиционированных и если бы он не был прозрачным то он закрывал бы элементы под собой. Но если посмотреть на элементы не создающие новый контекст наложения, но абсолютно позиционируемые, складывается впечатление что они тоже создают холст, который имеет размер содержащего блока и позиционируются относительно него (как будто содержащий блок и есть холст в данном случае). Но есть и другая сторона, если содержащий блок имеет высоту 200px, а мы абсолютно позиционируемому элементу задали top:500px, то содержащий блок размеров не изменит, а холст увеличится." - вот это всё абсолютно непонятный для меня поток сознания, вообще не понял что это значит, сорян. Если это к вопросу о размерах, то последний ваш пример вроде бы справедлив. В любом случае, в доке и об этом есть. Апдейт: перечитал ваш комментарий, вроде понял о чем речь. Создается при абсолютном позиционировании новая канва или нет это тоже написано в документации, надо искать так оно или не так. Я пока не могу найти

"Ведь там написано, что холст может быть вложен, а значит новый холст создается по каким-то условиям" - ну, если я все правильно понимаю и канвас в данном контексте это действительно пространство рендеринга страницы, то можно предположить, что пространство рендеринга является неотъемлемым атрибутом страницы, а значит создается вместе с ней. Таким образом канвас наложен на другой в том случае если принадлежит к дочерней для родительского канваса странице. Короче одна страница открыта в рамках другой. Например если на одной странице существует несколько айфреймов, то это значит что для этой страницы существует несколько дочерних страниц, а тогда получается что контекст рендеринга каждой из этих страниц располагается внутри контекста рендеринга родительской страницы.

[VL5438]

Думаю что тут речь не о замещаемых элементах, да и в iframe холст не является прозрачным :)

[Kovalsky]

VL5438, "Думаю что тут речь не о замещаемых элементах" - не понимаю о чем речь,

"да и в iframe холст не является прозрачным" - судя по доке, является.