【问题标题】:Mozilla canvas adding floating textMozilla 画布添加浮动文本
【发布时间】:2009-07-25 20:34:28
【问题描述】:

在我的画布元素中,我想在图像上添加可拖动文本。用户应该能够在画布区域内移动它。我可以使用一些 API 函数添加文本,但我不知道可移动文本。做我需要使用DIV标签来包含文本?,但问题是,最后我需要将画布保存为图像文件,所以画布上的普通DIV标签不会被保存。

我真的很想听听你们的cmets。

【问题讨论】:

    标签: canvas text floating


    【解决方案1】:

    你应该使用标准的文本绘制函数,但是在变量中记录位置——然后当文本被拖动时(你可以使用它的大小来计算),你可以在新的位置绘制它(使用计算鼠标坐标)。

    【讨论】:

    • 当然,旧文本所在的区域需要重新绘制
    【解决方案2】:

    您可以使用 SVG 和一些文本元素。在 SVG 中,每个元素都是一个 DOM 元素,因此您可以将鼠标事件附加到它上面。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2023-04-03
      • 2019-01-07
      • 1970-01-01
      • 2013-09-22
      • 1970-01-01
      • 2013-07-18
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多