我正在使用Angular和打字稿。我们设置标签的方法如下:
this.label(label,{
markup: [
{
tagName: 'text',selector: 'label',}
],attrs: {
label: {
textAnchor: 'middle',textVerticalAnchor: 'middle',fill: 'black',fontSize: 12,y: 15,text: text,},position: {
distance: distance,offset:
{
x: offsetX,y: (offsetY !== undefined || offsetY !== null) ? offsetY : 0
}
},});
我得到以下输出:
<g id="v-1098" class="labels">
<g id="v-1099" class="label" label-idx="0" cursor="move" transform="translate(355.231,331.832)">
<text joint-selector="label" id="v-1100" font-size="12" xml:space="preserve" text-anchor="middle" fill="black" y="15">
<tspan dy="0.3em" class="v-line">xyz</tspan>
</text>
</g>
</g>
在这种情况下,text
是xyz
。我想使用类似¬
的UTF-8符号,但是它不起作用。
我猜这是行不通的,因为标签的结构是JSON,意味着字符串用单引号引起来。
换句话说,结构如下:
attrs: {
label: {
textAnchor: 'middle',text: '¬',}
我相信这是问题所在,但不确定。我认为这是问题所在,是因为当我打开DevTools时,删除文本并写上¬
即可。
另外,请注意,标头中确实有utf-8
元标记。
我该如何修复它才能正确逃脱?