媒体文件包含不同类型的显示内容，例如图像，视频和许多其他文件. Grav自动查找并处理这些文件以供任何页面使用.通过使用页面的内置功能，您可以动态访问元数据并修改媒体.
智能缓存由Grav用于创建缓存必要时生成媒体.这样，所有人都可以使用缓存版本而不是一次又一次地生成媒体.
以下是支持的媒体文件类型通过Grav :
图像 : jpg，jpeg，png
动画图片 : gif
矢量化图像 : svg
视频 : mp4，mov，m4v，swf
数据/信息 : txt，doc，pdf，html，zip，gz
以下是Grav : 中几种类型的显示模式;
来源 : 它是图像，视频或文件的可视化显示.
text : 媒体文件的文字演示.
缩略图 : 媒体文件的缩略图图像.
您可以使用三个缩略图找到缩略图location :
在媒体文件所在的同一文件夹中 : [media-name].[media-extension] .thumb.[thumb-extension]; 此处，媒体名称和媒体扩展名是实际媒体文件的名称和扩展名，拇指扩展名为图片媒体类型支持的扩展程序.
用户文件夹 : 号; 用户/images/media/thumb- [media-extension] .png; 此处，媒体扩展是实际媒体文件的扩展.
系统文件夹 : system/images/media/thumb- [media-extension] .png; 此处，media-extension是实际媒体文件的扩展名.
Grav提供一个锚标记的输出，其中包含要读取的灯箱插件的一些元素.如果您想使用插件中未包含的灯箱库，则可以使用以下属性创建自己的插件.
rel : 指示灯箱链接.值为lightbox.
href : 它是媒体对象的URL.
data-width : 设置用户选择的灯箱宽度.
data-height : 设置用户选择的灯箱高度.
data-srcset : srcset字符串用于图像媒体.
Grav中的构建器模式是用于处理媒体，执行多个动作.有一些类型的操作支持所有媒体，而有些只适用于特定媒体.
有6种可用于媒体类型的常规操作类型.每个操作都在下面解释.
| Sr.No. | 动作&说明 |
|---|---|
| 1 | url() url()将原始网址路径返回给媒体. |
| 2 | html([title] [，alt] [，classes] 输出将有一个有效的媒体html标签. |
| 3 | 显示(模式) 它用于在不同的显示模式之间切换.当你切换到显示模式时，所有动作都将被重置. |
| 4 | link() 链接前应用的操作将应用于链接目标. |
| 5 | lightbox([宽度，高度]) 灯箱是相似的ar链接动作但有一点不同，它创建了一些额外属性的链接. |
| 6 | 缩略图 在页面之间选择任何类型的媒体文件的默认值，这可以手动完成. |
下表列出了一些应用于图像的操作.
| Sr.No. | Action&说明 |
|---|---|
| 1 | resize(宽度，高度，[背景]) 通过调整大小来更改图像的宽度和高度. |
| 2 | forceResize(width，height) 根据需要拉伸图像，不管原始比例如何. |
| 3 | cropResize(width ，高度) 根据图像的宽度和高度将图像调整为更小或更大的尺寸. |
| 4 | 裁剪(x，y，宽度，高度) 按x和y位置的宽度和高度描述裁剪图像. |
| 5 | cropZoom(width，height) 根据请求帮助缩放和裁剪图像. |
| 6 | quality(value) 设置0到100之间图像质量的值. |
| 7 | 否定() 颜色获取倒退. |
| 8 | 亮度(值) 值 -255 到 +255 ，亮度滤镜被添加到图像中. |
| 9 | 对比度(值) -100的值to +100用于将对比度滤镜应用于图像. |
| 1 0 | 灰度() 灰度滤镜用于处理图像. |
| 11 | emboss() 浮雕过滤器也用于处理图像. |
| 12 | smooth(value) 通过将值设置为-10到+10，将平滑滤镜应用于图像. |
| 13 | sharp() 图像上添加了锐化滤镜. |
| 14 | edge() 在图像上添加边缘搜索过滤器. |
| 15 | colorize(红色，绿色，蓝色) 通过调整红色，绿色和蓝色来着色图像. |
| 16 | sepia() 添加了棕褐色滤镜以呈现复古外观. |
动画和矢量化动作在图像和视频上完成.以下是对图像和视频进行的操作.
| Sr.No. | 行动&说明 |
|---|---|
| 1 | resize(宽度，高度) 调整大小操作将设置宽度，高度，数据宽度和 data-height 属性. |
Grav具有图像处理功能，可以轻松处理图像.
上面的代码将生成如下所示的输出 :
下表列出了几种类型的响应式图像.
| Sr.No. | 行动&说明 |
|---|---|
| 1 | 高密度显示 为文件名添加后缀，您可以向页面添加更高密度的图像. |
| 2 | 包含媒体查询的尺寸 为文件名添加后缀，您可以向页面添加更高密度的图像. |
image1.jpg，archive.zip 或任何其他reference具有设置变量的能力，或者可以被元文件覆盖.然后，这些文件采用< filename> .meta.yaml 的格式.例如，如果您的图像为 image2.jpg ，那么您的图元文件可以创建为 image2.jpg.meta.yaml .内容必须采用yaml语法.您可以使用此方法添加任何您喜欢的文件或元数据.
上一页 打印 下一页
