<< 点击显示目录 >> 主页  mappView帮助助手 > mapp View帮助信息 > Widgets  > 其他信息 > SVG images in the mapp View context

与其他图像格式相比，SVG图像有很多优点；其中最主要的是无损缩放。SVG图像中的元素也可以用不同的方式进行造型，以达到预期的视觉效果。当在mapp View上下文中开发和使用SVG图像时，必须牢记一系列的条件以达到最佳效果。这些条件在下面的章节中列出。

一般注意事项。

必须确保在mapp View中使用的SVG图像得到优化，从而删除不必要的元素和其他内容（如注释、元数据等）。任何额外的内容都会增加图像的文件大小。图像文件大小越小，它在人机界面应用程序中的显示速度就越快。SVG图像可以手动或使用外部程序（如 SVGO）进行优化 。建议文件大小为低字节范围。推荐的文件大小值--当然取决于图像的数量和使用情况--简单的图标在50 kB以下，更复杂的图形在250 kB以下。

使用属性 "宽度 "和 "高度"。

SVG图像有一些属性，可以设置图像的高度和宽度。这些属性（"宽度 "和 "高度"）可以用像素或百分比来指定。

如果SVG图像是为在mapp View中使用而创建的，那么应该给属性 "宽度 "和 "高度 "分配所需的值。

如果SVG图像是为在widget"Paper "中使用而创建的，那么建议 "宽度 "和 "高度 "为100%。

使用颜色。

通过设置相关的 "填充 "属性，颜色几乎可以应用于SVG图像中的任何元素。一些小组件，如小组件 "Button "也有一个属性，可以用来修改相关SVG图像的颜色。需要注意的是，这个小组件属性只影响没有 "fill "属性的SVG元素。

如果SVG图像是为在mapp View中使用而创建的，它的元素是否应该有属性 "fill"，应该根据它的计划用途来决定。

避免使用样式组。

一个样式组是一个样式属性的集合。一个样式组有一个名称，可以被一个SVG元素引用，然后应用该组中包含的样式属性。不同SVG图像中的样式组可以有相同的名称。由于这些组有时在mapp View HMI应用程序的某些情况下被做成全局的，所以具有相同名称的样式组有可能相互覆盖。

这也适用于梯度的使用。重要的是要确保SVG文件内所有全局定义的识别名称对HMI应用中使用的所有SVG都是唯一的。对于生成ID，必须影响到图形程序；因此，请参考这些程序的描述和/或制造商。B&R在此不能提供任何支持。

如果SVG图像是为在mapp View中使用而创建的，应避免使用样式组。

避免使用全局过滤器。

滤波器是修改或增强SVG图像的一部分的一种方法。例如，过滤器经常被用来创建阴影。和样式组一样，这里也应该考虑到，全局可用的同名过滤器可以相互覆盖。

如果SVG图像是为了在mapp View中使用而创建的，就应该避免使用全局过滤器。

避免嵌入外部图像。

SVG标准允许在SVG图像中嵌入外部图像（例如PNG图像）的可能性。为此，可以对外部图像使用标签 "foreignObject"。你可以在小组件 "Paper "的概念页面上找到一个例子。

如果创建SVG图像是为了在mapp View中使用，应该避免嵌入外部图像。

使用<glyph>元素。

<glyph>元素过去曾被SVG标准所支持。这些元素已经从标准中删除，浏览器对它们的支持也在逐步取消。

如果在mapp View中创建SVG图像，应避免使用<glyph>元素。