<svg xmlns="http://www.w3.org/2000/svg" :width="width" :height="height">
<defs>
<linearGradient id="color1" x1="0%" y1="0%" x2="0%" y2="100%">
<stop offset="0" stop-color="#FE5044"/>
<stop offset="1" stop-color="#FFAA03"/>
</linearGradient>
</defs>
<g>
<g id="11">
<text v-show="defaultOptions.text.textEnabled" v-for="(tick, index) in ticks" :key="`text_${index}`"
:id="'svg_19' + index" :fill="defaultOptions.text.color" :stroke="defaultOptions.text.color"
stroke-width="0" :x="textSpacing" :y="offsetText(index)" :font-size="defaultOptions.text.fontSize"
:font-family="defaultOptions.text.fontFamily" text-anchor="middle" xml:space="preserve">{{ tick }}{{ scale }}</text>
</g>
</g>
</svg>
1***@qq.com
- 发布：2022-07-28 17:49
- 更新：2022-07-29 13:14
- 阅读：1044
svg 标签下的text被编译成了uni-text
分类：uni-app
产品分类： uniapp/H5
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： win10
HBuilderX类型： 正式
HBuilderX版本号： 3.4.18
浏览器平台： Chrome
浏览器版本： edge 103.0.1264.71
项目创建方式： HBuilderX
示例代码：
操作步骤：
编写svg代码，运行
编写svg代码，运行
预期结果：
正确显示svg和下面的文字
正确显示svg和下面的文字
实际结果：
文字无法显示出来
文字无法显示出来
bug描述：
使用uni-app开发，项目在中用到了svg标签和下面的text，在运行的时候，text被编译成了uni-text导致svg无法正常显示，请问如何避免这种情况下的标签编译？
1 个回复
DCloud_UNI_WZF
template 中不支持这种写法（因为会编译内置组件 text），可以写 render 函数或者通过 v-html 插入