如何访问或翻译矢量绘图中的文本

2023-12-19

我有一个习惯view它显示一个drawable并检测触摸。它有多个drawable图层,其中一些包含文本,例如,

我已将每个 SVG 矢量图形转换为vector drawable并希望能够将文本设置为资源,以便我可以替换不同的翻译。

上面“Hello box”的 SVG xml 代码:-

<svg
   width="800"
   height="400"
   viewBox="0 0 800 400.00001"
   id="svg5772"
   version="1.1"
   inkscape:version="0.91 r13725"
   sodipodi:docname="HELLO in a box.svg">
  <defs
     id="defs5774" />
  <sodipodi:namedview
     id="base"
     pagecolor="#ffffff"
     bordercolor="#666666"
     borderopacity="1.0"
    <rect
       style="opacity:1;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
       id="rect6320"
       width="468.57144"
       height="128.57143"
       x="174.28572"
       y="786.64795"
       rx="0"
       ry="0" />
    <text
       xml:space="preserve"
       style="font-style:normal;font-weight:normal;font-size:40px;line-height:125%;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
       x="348.57141"
       y="869.50507"
       id="text6322"
       sodipodi:linespacing="125%"><tspan
         sodipodi:role="line"
         id="tspan6324"
         x="348.57141"
         y="869.50507">HELLO!!!</tspan></text>
  </g>
</svg>

...转换成这个vector drawable xml :-

<?xml version="1.0" encoding="utf-8"?>
<vector xmlns:android="http://schemas.android.com/apk/res/android"
    android:viewportWidth="800"
    android:viewportHeight="400"
    android:width="800dp"
    android:height="400dp">
    <group
        android:translateY="-652.3621">
        <path
            android:pathData="M174.28572 786.64795l468.57144 0 0 128.57143 -468.57144 0z"
            android:strokeWidth="2"
            android:fillColor="#ffffff"
            android:strokeLineJoin="round"
            android:strokeLineCap="round"
            android:strokeMiterLimit="4"
            android:strokeColor="#000000" />
        <path
            android:pathData="M374.72375 869.50507l-3.86718 0 0 -14.23829 -14.51172 0 0 14.23829 -3.86719 0 0 -29.08204 3.86719 0 0 11.40625 14.51172 0 0 -11.40625 3.86718 0 0 29.08204z"
            android:strokeLineCap="butt"
            android:fillColor="#000000"
            android:strokeLineJoin="miter" />
        <path
            android:pathData="M401.71594 869.50507l-19.16015 0 0 -29.08204 19.16015 0 0 3.4375 -15.29297 0 0 7.96875 15.29297 0 0 3.4375 -15.29297 0 0 10.80079 15.29297 0 0 3.4375z"
            android:strokeLineCap="butt"
            android:fillColor="#000000"
            android:strokeLineJoin="miter" />
        <path
            android:pathData="M426.26672 869.50507l-18.39843 0 0 -29.08204 3.86718 0 0 25.64454 14.53125 0 0 3.4375z"
            android:strokeLineCap="butt"
            android:fillColor="#000000"
            android:strokeLineJoin="miter" />
        <path
            android:pathData="M448.53235 869.50507l-18.39844 0 0 -29.08204 3.86719 0 0 25.64454 14.53125 0 0 3.4375z"
            android:strokeLineCap="butt"
            android:fillColor="#000000"
            android:strokeLineJoin="miter" />
        <path
            android:pathData="M473.6886 843.76288q1.77734 1.95312 2.71484 4.78515 0.95703 2.83204 0.95703 6.42579 0 3.59375 -0.97656 6.44531 -0.95703 2.83203 -2.69531 4.72656 -1.79688 1.97266 -4.25781 2.96875 -2.44141 0.99609 -5.58594 0.99609 -3.06641 0 -5.58594 -1.01562 -2.5 -1.01563 -4.25781 -2.94922 -1.75781 -1.93359 -2.71485 -4.74609 -0.9375 -2.8125 -0.9375 -6.42578 0 -3.55469 0.9375 -6.36719 0.9375 -2.83203 2.73438 -4.84375 1.71875 -1.91406 4.25781 -2.92969 2.5586 -1.01562 5.56641 -1.01562 3.125 0 5.60547 1.03515 2.5 1.01563 4.23828 2.91016zm-0.35156 11.21094q0 -5.66407 -2.53907 -8.73047 -2.53906 -3.08594 -6.93359 -3.08594 -4.43359 0 -6.97266 3.08594 -2.51953 3.0664 -2.51953 8.73047 0 5.72265 2.57813 8.76953 2.57812 3.02734 6.91406 3.02734 4.33594 0 6.89453 -3.02734 2.57813 -3.04688 2.57813 -8.76953z"
            android:strokeLineCap="butt"
            android:fillColor="#000000"
            android:strokeLineJoin="miter" />
        <path
            android:pathData="M489.64563 840.42303l-0.50781 21.07422 -3.32032 0 -0.54687 -21.07422 4.375 0zm-0.19531 29.08204l-3.98438 0 0 -4.1211 3.98438 0 0 4.1211z"
            android:strokeLineCap="butt"
            android:fillColor="#000000"
            android:strokeLineJoin="miter" />
        <path
            android:pathData="M505.42688 840.42303l-0.50781 21.07422 -3.32032 0 -0.54687 -21.07422 4.375 0zm-0.19531 29.08204l-3.98438 0 0 -4.1211 3.98438 0 0 4.1211z"
            android:strokeLineCap="butt"
            android:fillColor="#000000"
            android:strokeLineJoin="miter" />
        <path
            android:pathData="M521.20813 840.42303l-0.50781 21.07422 -3.32032 0 -0.54687 -21.07422 4.375 0zm-0.19531 29.08204l-3.98438 0 0 -4.1211 3.98438 0 0 4.1211z"
            android:strokeLineCap="butt"
            android:fillColor="#000000"
            android:strokeLineJoin="miter" />
    </group>
</vector>

它看起来非常像“HELLO!!!”的每个字母。文本被转换为path直接被吸引到canvas?!

所以我的问题是,是否有其他方法可以在图形上显示包含文本的矢量图形canvas因此能够使用文本部分的资源吗?或者我是否坚持为每种语言创建不同的图形?


你的结论是对的。

矢量绘图完全基于路径。这是其动画的根本原因,因为仅更改了路径。因此,他们不将文本或图像作为输入。

一个选项可能是通过文本获取 .svg(也许是某种工具?),然后将其转换为每种语言的 xml。 如果您的目标是更大的本地化,矢量绘图可能不是正确的方法。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何访问或翻译矢量绘图中的文本 的相关文章

随机推荐

  • 无法在属性前面使用“d:”前缀来启用设计时数据

    我使用时遇到问题d 在 前面attributes 以在 XAML 设计器中显示它们
  • React警告滚动阻塞“touchstart”的非被动事件侦听器

    我有一个带有 Material ui Slider 的 React 组件 每次渲染此组件时 我都会收到此警告 向滚动阻塞 touchstart 事件添加了非被动事件侦听器 考虑将事件处理程序标记为 被动 以使页面响应更快 如何解决这个问题
  • 有没有办法设置全屏覆盖背景不透明度?

    我需要从视图组件内的按钮推送模态视图 但应该只覆盖屏幕高度的下半部分 上半部分是半透明背景 黑色 不透明度 30 在全屏覆盖视图构建器中设置最顶层视图的不透明度不起作用 任何帮助 将不胜感激 struct ContentView View
  • 需要 Windows 安全性时下载文件的臭名昭著但未得到解决的问题

    有一个网站 http site domain com http site domain com它会通过 Windows 安全 对话框提示输入凭据 因此 我设法使用 WebBrowser 控件导航到该页面并发送击键来输入密码 我找不到其他方法
  • Knockout.js - 传递参数

    我的 Knockout js 遇到问题 我想将用户名传递给函数并在警报时显示它 一些奇怪的事情正在发生 每次当我使用正确的用户名刷新页面时 我都会收到警报 但单击它后我没有收到任何响应 这里有什么问题吗 这是我的代码 ul li class
  • 在 Xcode 4.1 中添加自定义字体

    我想在应用程序中使用自定义字体 我已经在 info Plist 文件中声明了 应用程序提供的字体 并将 label font 设置为名称带 不带 TTF 扩展名的字体 将TTF文件拖入项目并将文件复制到项目中 为品牌创造了一个出路 但仍然没
  • 使用 VBA 在电子邮件中嵌入图像

    下面的代码嵌入了照片但不显示 因为 文件可能已被移动 重命名或删除 请验证链接是否指向正确的文件和位置 我知道文件路径是正确的 Sub mail Dim Sig As String Set myOlApp CreateObject Outl
  • Android IntentService 以空意图触发

    我在 Crashlytics 中看到崩溃 致命异常 java lang NullPointerException 尝试调用 虚方法 int android content Intent getIntExtra java lang Strin
  • 如何更改 TinyMce 编辑器中的默认字体调色板?

    我想添加一些与我的网站主题相匹配的预设颜色 如何更改 TinyMce 中的默认字体调色板 截图 with shadow png http img407 imageshack us img407 4526 screenshotwithshad
  • 不完全是。使用 Cocoa 处理游戏中键盘输入的正确方法是什么?

    假设您正在为 Mac OS X 创建游戏 事实上 假设您正在创建 Quake 只是现在是 2011 年 您更愿意只使用现代的 未弃用的框架 您希望您的游戏在用户按下 或释放 某个键时收到通知 any key 在键盘上 这包括修饰键 例如 S
  • 如何将 Git 中的更改合并到我移动的文件中?

    我移动了一些目录 当我合并时 有许多冲突的文件 因为其他开发人员已经提交了他们的更改 两者都有合并工具和git mergetool说文件被本地或远程删除 参见图片 如何合并这些更改 文件历史记录和重命名检测 你永远不需要担心 Git 中的
  • xcodebuild 构建操作来分发带有剥离 dSYM 的动态框架

    我曾经使用以下方法构建内部开发的动态框架 xcodebuild workspace
  • Jest 无法加载 Primeng css 文件

    我正在使用 Jest 版本 26 6 3 来测试 Angular 组件 对使用的任何组件进行单元测试Primeng的复选框组件 https www primefaces org primeng showcase checkbox在compi
  • 操作系统回调如何工作

    跟进问题 这个问题 https stackoverflow com questions 1223040 c timers in unix 如链接问题中所述 我们有一个 API 它使用事件外观来轮询 select 来处理用户定义的回调 我有一
  • 在 BigQuery 中获取不超过一小时的数据

    尝试使用以下语句 SELECT FROM data example WHERE TIMESTAMP timeCollected lt DATE ADD USEC TO TIMESTAMP NOW 60 MINUTE 从我的 bigquery
  • 使用 Storyboard Segues 关闭 Popover 视图

    我一直在谷歌搜索并在整个堆栈交换中搜索正确的答案 但我似乎找不到它 我所拥有的是通过弹出框 Segue 呈现的弹出框视图 当在弹出框视图内单击按钮时 我希望它被关闭并显示 UIAlert 这是迄今为止我从其他答案中收集的代码 但不起作用 v
  • 创建任务时无用的 Amazon ECS 错误消息

    使用ECS代理容器 https github com aws amazon ecs agent在 Ubuntu 实例上 我可以向我的集群注册代理 我还在该集群和任务定义中创建了一项服务 当我尝试将任务添加到集群时 我收到无用的错误消息 Ru
  • 在哪里初始化我的应用程序的基类 Swift

    我有一个名为Home这是我的应用程序的父类 现在 我想在某个地方初始化这个类 以便我可以从任何我想要的地方访问类中的所有内容 该应用程序的起点是RootViewController 我应该在起点初始化应用程序吗 如果是 我应该如何做才能从应
  • PyCharm:找不到 Anaconda 安装

    在使用 PyCharm 之前 我在 Windows 10 上将 Anaconda 安装在 C ProgramData Anaconda3 中 现在 当我尝试使用 conda env 时 PyCharm 显示 未找到 Anaconda 安装
  • 如何访问或翻译矢量绘图中的文本

    我有一个习惯view它显示一个drawable并检测触摸 它有多个drawable图层 其中一些包含文本 例如 我已将每个 SVG 矢量图形转换为vector drawable并希望能够将文本设置为资源 以便我可以替换不同的翻译 上面 He