Question

我试图使用<text>元素在SVG中包含文本，但是当我这样做时，它会切断结束。我使用moJS来做这件事。我尝试添加overflow: visible但仍然没有运气。以下是输出：

＆＃13;

class TaskText extends mojs.CustomShape {
  getShape() {
    return '<text x=0 y=35 font-size="10"><tspan style="font-weight: bold; overflow: visible">Commit changes to GitHub </tspan></text>';
  }
}

mojs.addShape('tasktext', TaskText);

const text = new mojs.Shape({
  shape: 'tasktext',
  radius: 300,
  x: -30,
  scale: 0.4,
  fill: 'black',
  isShowStart: true,
});

＆＃13;

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet"/>
<script src="https://cdn.jsdelivr.net/mojs/latest/mo.min.js"></script>
<!DOCTYPE html>
<html>
<head>

	<title>Custom</title>
</head>
<body>

	<script src="https://cdn.jsdelivr.net/mojs/latest/mo.min.js"></script>
</body>
</html>

＆＃13;

我可以通过手动增加SVG嵌套的<div>的宽度来修复外观，但我无法想出一种定位方法。有没有办法在SVG / JavaScript中执行此操作？

谢谢！

SVG文本正在被截断

0 个答案: