【问题标题】:Raphael.js convert text to pathRaphael.js 将文本转换为路径
【发布时间】:2012-03-30 23:19:45
【问题描述】:

我已经使用 Raphael.js 设置了一个绘图实用程序。用户可以绘制形状、路径和输入文本。一旦用户将 text -> Paper.text() 添加到 svg,svg 就会进入可选状态。意思是,如果我添加文本并切换到钢笔工具,在 svg 周围移动钢笔将导致相邻的 dom 元素进入它们的 ::selection 状态。

所以我想将文本转换为路径以防止这种情况发生。我在文档中没有看到类似的内容。

【问题讨论】:

  • 请提供一个你的问题的js小提琴

标签: svg raphael


【解决方案1】:

如果您使用 print() 而不是 text() 进行文本打印,那么文本将是一个 raphael 路径对象。 (print() 使用渲染到 raphael 路径的 cufon javascript 字体)。

【讨论】:

    【解决方案2】:

    尝试使用.attr() 调整文本元素上的pointer-events 属性。 none 可能适合您的需求。有一些不错的background info links on MDN

    .attr({pointer-events: none})
    

    【讨论】:

      猜你喜欢
      • 2013-03-23
      • 2013-07-05
      • 2013-12-13
      • 2015-04-15
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2011-12-06
      • 2011-10-20
      相关资源
      最近更新 更多