创建一个多边形，多边形内有文字，但是这个文字太长了怎么让他换行

问题遇到的现象和发生背景

问题相关代码，请勿粘贴截图

new Style({
        stroke: new Stroke({
          color: strokeColor,
          width: 4,
        }),
        fill: new Fill({
          color: fillColor,
        }),
        text: new Text({
          text: this.displayText ? name : '',   // 设置这里的text,太长了
          font: '13px font-size',
          overflow: false,
          fill: new Fill({
            color: '#fff',
          }),
          backgroundFill: new Fill({
            color: this.displayTextBgc ? 'rgba(0,0,0,0.6)' : 'transparent', // transparent,
          }),
          padding: [2, 0, 0, 2],
        }),
      })

运行结果及报错内容

我的解答思路和尝试过的方法

我想要达到的结果

style="word-break: break-all;white-space: normal;"

题主是用canvas绘制的吧？内容来自那篇文章？canvas drawText不会换行，需要用measureText来测量文章宽度进行截取后分别绘制截取的内容实现换行。
具体参考下面的文章

html5-canvas的绘制文本自动换行_lishihong-CSDN博客_canvas 文本换行 本文介绍怎么解决canvas绘图过程中，drawText的换行问题，先看一个大家平时在canvas绘制文本都会遇到的问题 https://blog.csdn.net/lishihong108/article/details/52483867