【问题标题】:Custom Editor using kineticjs使用 kineticjs 的自定义编辑器
【发布时间】:2014-02-28 00:49:12
【问题描述】:

我正在尝试使用 kineticjs 构建一个编辑器。有一些选项,如添加文本和向添加的文本添加样式,如粗体下划线。是否有任何选项可以设置文本样式的项目符号?

喜欢这个

  • 列表项
  • 列表项

【问题讨论】:

    标签: kineticjs


    【解决方案1】:

    您可以使用带有 char 的UTF8 的强大功能

    var text = new Kinetic.Text({
        fill : "black",
        text : "• item 1\n• item 2"
    });
    

    演示:http://jsfiddle.net/lavrton/2QeM5/1/

    更新:您也可以使用 html 到图像的转换,然后您可以将图像添加到画布。见:http://jsfiddle.net/lavrton/sDp6C/

    【讨论】:

    • +1 表示项目符号列表。但是由于提问者说他​​们想要构建一个文本编辑器,您可能会警告他们 html canvas 的文本样式和格式设置功能有限(例如,没有原生下划线,也没有段落的自动换行)。 ;-)
    • 你说得对。可能在画布内使用 html(作为图像,疯狂)会更有帮助。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2022-01-08
    • 1970-01-01
    • 2014-03-21
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多