【问题标题】:How to display SVG?如何显示 SVG?
【发布时间】:2021-01-29 06:09:30
【问题描述】:

我有一个简单的 SVG,想用 EDC 显示它:

<svg width="360" height="360" viewBox="0 0 360 360">
    <path d="M180 0 L80 300 L280 300 Z" fill="#ff0000"/>
</svg>

这很简单:

我的 EDC:

collections {
   group { 
      name: "main";

      images {
         vector: "simple.svg";
      }

      parts {
         vector { "test";
            desc { "default"; 
               image.normal: "simple.svg";
            }
         }         
      }
   }
}

目标是 Tizen 5.5 可穿戴设备。整个屏幕都是黑色的。如何显示此 SVG(如果我不想将其转换为 PNG)?

【问题讨论】:

    标签: tizen tizen-native-app


    【解决方案1】:

    有两种方法可以输出 SVG 文件。一种方法是使用 EDC 的 VECTOR 部分,另一种方法是使用 elm_animation_view(tizen 5.5 或更高版本)。 参考这个 https://docs.tizen.org/application/native/api/mobile/5.5/group__Elm__Animation__View.html

    [编辑] 制作SWALLOW 部分

    collections {
       group { name: "main";
          parts {
             part {
                  name: "svgfile";
                  type: SWALLOW;
             }
          }
       }
    }
    

    [c码]

        char buf[255];
        sprintf(buf, /*Resource PATH*/);
        
        Evas_Object *anim = elm_animation_view_add(layout);
        elm_animation_view_file_set(anim, buf, NULL);
        evas_object_size_hint_weight_set(anim, EVAS_HINT_EXPAND, EVAS_HINT_EXPAND);
        evas_object_size_hint_align_set(anim, EVAS_HINT_FILL, EVAS_HINT_FILL);
        elm_object_part_content_set(layout, "svgfile", anim);
    

    【讨论】:

    • 那么从 Tizen 5.5 开始,EDC 的vector 方法就不再支持了吗?
    • 下个版本可能会修复。
    猜你喜欢
    • 2020-11-27
    • 2017-11-10
    • 2020-11-04
    • 2016-06-12
    • 2021-04-01
    • 2017-08-08
    • 2020-08-09
    • 2020-06-02
    • 2023-03-03
    相关资源
    最近更新 更多