Question

我有一个看起来像这样的变量：

var simpleText = new Kinetic.Text({
    text: 'where text goes',
    fontSize: 24
  });

如何在文字所在位置插入换行符。我试过了：

text: 'where text goes \n where text goes',

text: 'where text goes \n\n where text goes',

text: 'where text goes \r\n where text goes',

text: 'where text goes <br /> where text goes',

text: 'where text goes \n' + 'where text goes \n',

text: 'where text goes ' + 'where text goes ',

text: 'where text goes ' 
+ 'where text goes ',

text: 'where text goes 
where text goes',

我的错误。 \ n有效

Answer 1

如果您要输出HTML，例如innerHTML，请使用<br />。

但是，如果要输出到HTML上下文中的文本（例如nodeValue或innerText），则必须使用\n并确保容器具有CSS { {1}}属性设置为不符合空格的内容，例如white-space。

Answer 2

我从未听说过Kinetic文本，但基于此示例：http://www.html5canvastutorials.com/kineticjs/html5-canvas-kineticjs-text-tutorial/您应该这样做：

text: 'where text goes\n\nwhere text goes',

Answer 3

使用html（）代替“ text”和“ val”

.html（“在此处使用一些-br-简单文本”）；

结果：使用一些
简单的文字在这里

如何使用KineticJS在javascript变量中添加换行符？

3 个答案: