svg - SVG textPath 中的文本在 iOS 浏览器中不可见
问题描述
我正在尝试在 SVG 内的弯曲路径上显示文本,该文本将很好地加载到移动浏览器上。我正在使用 SVGtextPath
元素(MDN 声称它得到了广泛支持),并且我有以下简单示例:
html,body,svg { height:100% }
<svg viewBox="0 0 100 100">
<path
id="MyPath"
fill="none"
stroke="red"
d="M10,90 Q90,90 90,45 Q90,10"
/>
<text>
<textPath href="#MyPath">
Sample Text
</textPath>
</text>
</svg>
我的桌面浏览器很好地显示如下:
但是在我的 iPhone 上,我只看到红线并且缺少文字。
我在 Safari iOS 11.3、Chrome iOS 67、Firefox iOS 12.1 中尝试过,结果都一样。
我很想弄清楚如何让弯曲的 tex 在我的 iPhone 上的浏览器中显示。谢谢!
解决方案
推荐阅读
- javascript - 我应该如何编写 Pagination 组件 React JS?
- java - 如何将 Native java 中的变量值获取到 Flutter?
- python - 无法使用 getattr() 函数解析 bs4 src 属性
- python-3.x - Python正则表达式在两个字符串之间多次匹配
- eclipse - 在 Jenkins 管道中导入其他 groovy 文件时出错
- apache-spark - 在 AWS EMR 上使用 spark;您提供的 AWS 访问密钥 ID 不存在于我们的记录中。但是 boto3 调用工作得很好
- here-api - 为什么从 Free 升级到 u$49.-/month 计划后出现路线错误?
- python - 在张量流中将模型 SSD MobileNetv1 转换为 tflite 时精度低
- amazon-web-services - 创建订阅时未自动修改 AWS SQS 策略
- angular - 没有依赖模板:ConstDependency。使用网络工作者时