媒体

媒体

形状

square

round

cover

宽高比

cover + 16-9

嵌入文档

iframe填充其框,因此框承载大小:一个比例修饰符,或媒体--填充以获取父级提供的任何高度。

media--fill · actions

16-9

覆盖层

media--bg / media--fg

视图

与vue局部相同的框架,文档的地址只有在页面运行时才知道。

框架

一幅装在框架里的图片,从服务器获取 media() 或作为媒体 Vue 组件:当它链接到某个地方时,显示链接,脚下有说明,加载时或没有内容时有光晕效果。
脚下的说明

media() · href · caption

media(null) · placeholder

图片墙

每张高度不同的图片并排紧凑地排列,没有空隙,每张图片的高度与其比例一致,列数根据房间的大小而定:wall() 从服务器绘制,形状为 css/shapes/wall。

集合的墙壁

与实体集合相同的墙壁,按页从 API 读取,随着滚动逐页加载:下一页在到达墙底之前就会出现。

裁剪

选择保留图像的哪一部分:区域可以移动,角落可以调整大小,箭头可以移动并在按住 Shift 时调整大小。这是用图像自身的像素表示的——服务器根据这些像素进行裁剪——而 crop() 在切割操作发送时会在此处裁剪。一个比例来保持它(竖图为 1,显示为圆形),或者是自由的,就像签名一样。