【问题标题】:draw2d javascript library - multiline labeldraw2d javascript 库 - 多行标签
【发布时间】:2013-02-18 14:03:59
【问题描述】:

你知道如何用draw2d的draw2d.shape.basic.Label创建多行标签

【问题讨论】:

  • fwiw,fabric.js 支持开箱即用的多行文本。

标签: javascript canvas draw2d-js


【解决方案1】:

这个库正在使用HTML5 Canvas API。为了绘制文本,它使用fillText() 方法,该方法没有开箱即用的多行支持。为了实现这一点,需要将文本分解为多个标签,我认为这个库不支持。

【讨论】:

  • 是否使用 Canvas API?据我所知,它使用 SVG/VML,因为它基于 Raphael。而且,正如@alexander-stefanov 所说,它可以以编程方式完成,我实际上已经尝试过了——它在<svg> 中插入了两个<tspan> 元素
  • “可以通过编程方式完成”是什么意思。你能发布一个例子吗?如何“将其分解为多个标签”?
【解决方案2】:

实际上,您可以通过在其中使用 '\n' 以编程方式设置标签文本来制作多行标签(至少在视觉上)。喜欢label.setText('Some \n text')。但是您不能“手动”执行此操作,因为您输入的是 <input type="text">

【讨论】:

    猜你喜欢
    • 2019-01-11
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多