| /ohos5.0/docs/en/application-dev/reference/apis-arkui/js-service-widget-ui/ |
| H A D | js-service-widget-basic-image.md | 21 … local path is supported. Supported formats are as follows: PNG, JPG, BMP, SVG, and GIF.<br>- The …
31 …or details about available values, see **object-fit**. This style is not supported for SVG images.|
32 …her image orientation changes with the text direction. This style is not supported for SVG images.|
33 … set to **true**, **object-fit** will not take effect. This style is not supported for SVG images.|
47 > When using an SVG image, note that:
49 > - The SVG image will not be drawn if the length or width of the parent component is infinity. Th…
51 > - If the image length and width are not specified in the SVG description, the SVG image fills th…
53 > - If the image length and width are specified in the SVG description, the following rules are ad…
55 > - If the **\<image>** component is too small to afford the SVG image, the SVG image is cropped…
57 > - If the **\<image>** component is big enough to afford the SVG image, the SVG image is displa…
|
| H A D | js-service-widget-basic-button.md | 23 | icon | string | - | No| Path of the button icon. The supported icon formats are JPG, PNG, and SVG…
44 …akes up the entire width of the button.<br>This style must be set when the icon uses an SVG image.|
45 …kes up the entire height of the button.<br>This style must be set when the icon uses an SVG image.|
|
| H A D | js-service-widget-common-styles.md | 36 …d.<br>Example:<br>- background-image: url("/common/background.png")<br>The SVG format is not suppo…
55 …SVG images. The following components (and attributes) are supported: **button** (**icon** attribut…
57 …ple, **linear-gradient(to right, grey , grey)**.<br>Mask filled by a local SVG image, for example,…
|
| /ohos5.0/docs/en/application-dev/reference/apis-arkui/arkui-js/ |
| H A D | js-components-basic-image.md | 21 …h supports local paths. The supported image formats include PNG, JPG, BMP, SVG, and GIF.<br>- The …
31 … | cover | No | Image scale type. This style is not supported for SVG images. For details…
32 …ientation changes with the text direction. This style is not supported for SVG images. …
33 … set to **true**, **object-fit** will not take effect. This style is not supported for SVG images.|
48 > When using an SVG image, note that:
50 > - The SVG image will not be drawn if the length or width of the **\<image>** component is infini…
52 > - If the image length and width are not specified in the SVG description, the SVG image fills th…
54 > - If the image length and width are specified in the SVG description, the following rules are ad…
56 > 1. If the **\<image>** component is too small to afford the SVG image, the SVG image is cropped …
58 > 2. If the **\<image>** component is big enough to afford the SVG image, this SVG image is displa…
[all …]
|
| H A D | js-components-svg.md | 3 …ntainer. It can be used as the root node of an SVG document or be used to nest an SVG fragment int…
|
| H A D | js-components-basic-button.md | 23 … | No | Path of the button icon. The supported icon formats are JPG, PNG, and SVG. |
43 …re circle button is filled by default.<br>This style must be set when the icon uses the SVG image.|
44 …re circle button is filled by default.<br>This style must be set when the icon uses the SVG image.|
|
| /ohos5.0/foundation/arkui/ace_engine/frameworks/core/components/box/ |
| H A D | mask.h | 30 SVG, enumerator
62 maskImageType_ = MaskImageType::SVG; in SetMaskImage()
66 maskImageType_ = MaskImageType::SVG; in SetMaskImage()
110 return maskImageType_ == MaskImageType::SVG; in IsSvgImage()
115 return lastMaskImageType_ == MaskImageType::SVG; in IsLastSvgImage()
|
| /ohos5.0/docs/zh-cn/application-dev/reference/apis-arkui/arkui-ts/ |
| H A D | ts-basic-components-image-sys.md | 33 设置SVG图源抗锯齿效果，仅对svg图源生效。取值范围$[0.333, 1.333]$，有效数字保留小数点后3位。
35 适用于超低分辨率设备（PPI低于200的设备）的SVG图源的锯齿优化，存在一定的性能影响，请谨慎使用。
45 | value | number | 是 | SVG图源抗锯齿效果。<br/>默认值：$0$ |
|
| H A D | ts-basic-svg.md | 1 # SVG标签说明
3 SVG(Scalable Vector Graphics)是可缩放矢量图形，它是一种基于XML(可扩展标记语言)的图形格式，用于描述二维图形和图像。Image组件支持的SVG范围，为SVG1.1规范…
|
| H A D | ts-basic-components-image.md | 11 > 图片格式支持SVG图源，SVG标签文档请参考[SVG标签说明](./ts-basic-svg.md)
51 …性能问题会有不同的表现，建议将网络下载部分与Image的显示剥离，可提前下载或者异步下载。<br/>- 如果SVG图片没有原生大小，需要给Image组件设置宽高，否则不显示。<br/>- 如果SV…
69 …性能问题会有不同的表现，建议将网络下载部分与Image的显示剥离，可提前下载或者异步下载。<br/>- 如果SVG图片没有原生大小，需要给Image组件设置宽高，否则不显示。<br/>- 如果SV…
85 …性能问题会有不同的表现，建议将网络下载部分与Image的显示剥离，可提前下载或者异步下载。<br/>- 如果SVG图片没有原生大小，需要给Image组件设置宽高，否则不显示。<br/>- 如果SV…
850 // 当加载图片为SVG格式时
855 // SVG动效播放完成时加载另一张图片
1103 //当加载图片为SVG格式时
|
| /ohos5.0/docs/en/application-dev/ui/ |
| H A D | ui-js-components-svg-overview.md | 4 …*<svg>** component is used as the root node of the SVG canvas and can be nested in the SVG. …
45 …** attributes to define the width, height, X coordinate, Y coordinate, and SVG viewport of the **&…
|
| H A D | ui-js-building-ui-component.md | 21 | SVG | svg, rect, circle, ellipse, path, line, polyline, polygon, text, tspan, textPath, ani…
|
| H A D | arkts-graphics-display.md | 4 …component supports a wide range of image formats, including PNG, JPG, BMP, SVG, and GIF. For detai…
249 The **Image** component can display vector images in SVG format. The supported SVG labels are **svg…
251 You can use the **fillColor** attribute to change the fill color of an SVG image.
264 **Figure 4** SVG image after the fill color is set
|
| /ohos5.0/docs/en/application-dev/reference/apis-arkui/arkui-ts/ |
| H A D | ts-basic-components-image-sys.md | 33 Sets the edge antialiasing for the image. This attribute applies only to an SVG image. The value ra…
35 This attribute can be used to fix aliasing in SVG images on devices with PPI lower than 200, but it…
69 This attribute does not support non-decoded image types such as SVG, [PixelMap](../../apis-image-ki…
|
| H A D | ts-basic-svg.md | 1 # SVG Tags
3 …hics (SVG) is an XML-based graphics format for describing two-dimensional graphics and images. The…
76 …t image, which can be in JPG, JPEG, PNG, BMP, WEBP, HEIC, or base64 format (SVG is not supported).|
97 | \<svg\> | Defines an SVG segment.| **x**: x-axis offset.<br> **y**: y-axis offset.<br> **width**:…
98 | \<g\> | Groups other SVG elements.| **x**: x-axis offset.<br> **y**: y-axis offset.<br> **width**…
|
| H A D | ts-basic-components-image.md | 11 > The **Image** component supports SVG image sources. For details about SVG tags, see [SVG Tags](./…
156 …iate aliasing that occurs when the image is zoomed. This attribute is not applicable to SVG images.
176 Sets the rendering mode of the image. This attribute is not applicable to SVG images.
258 …tribute applies only to SVG images. Once set, the fill color will replace the fill colors of all d…
617 Triggered when the animation playback in the loaded SVG image is complete. If the animation is an i…
665 This example demonstrates how to load images of basic types, such as PNG, GIF, SVG, and JPG.
685 // Load an SVG image.
786 // When the image to be loaded is in SVG format:
791 // Load another image when the SVG image has finished its animation.
1039 // When the image to be loaded is in SVG format:
[all …]
|
| H A D | ts-basic-components-mediacachedimage-sys.md | 62 // Load an SVG image.
|
| /ohos5.0/foundation/arkui/ace_engine/test/tools/event_tree_to_graph/ |
| H A D | README.md | 5 > 4. 生成的手势树 SVG 图像文件输出在制定`./output`目录中;
|
| /ohos5.0/base/global/resource_management_lite/frameworks/resmgr_lite/include/ |
| H A D | res_common.h | 81 SVG = 21, enumerator
|
| H A D | global_utils.h | 63 SVG = 21, enumerator
|
| /ohos5.0/docs/zh-cn/application-dev/ui/ |
| H A D | arkts-geometric-shape-drawing.md | 11 - 绘制组件使用Shape作为父组件，实现类似SVG的效果。接口调用为以下形式：
48 形状视口viewport指定用户空间中的一个矩形，该矩形映射到为关联的SVG元素建立的视区边界。viewport属性的值包含x、y、width和height四个可选参数，x和y表示视区的左上角坐标，…
|
| /ohos5.0/base/global/resource_management/interfaces/inner_api/include/ |
| H A D | res_common.h | 101 SVG = 21, enumerator
|
| /ohos5.0/foundation/graphic/graphic_2d/rosen/modules/render_service_base/src/render/ |
| H A D | rs_mask.cpp | 74 mask->SetMaskType(MaskType::SVG); in CreateSVGMask()
206 return (type_ == MaskType::SVG); in IsSvgMask()
|
| /ohos5.0/foundation/graphic/graphic_2d/rosen/modules/render_service_base/include/render/ |
| H A D | rs_mask.h | 33 SVG, enumerator
|
| /ohos5.0/docs/zh-cn/application-dev/reference/apis-arkui/js-service-widget-ui/ |
| H A D | js-service-widget-basic-clock.md | 21 …br/>仅支持动态更新整个Object，不支持动态更新Object里的内容。<br/>建议使用PNG资源作为Clock组件的图片资源。<br/>不支持使用SVG资源作为Clock组件的图片资源。 |
|