【问题标题】:How to allow resizing when the mouse hovers on the bottom of the image?当鼠标悬停在图像底部时如何允许调整大小?
【发布时间】:2017-11-24 13:23:50
【问题描述】:

我正在使用 Draft.js 插件 Resizeable。

当鼠标悬停在图像的底部(如果可能,还包括右下角)时,我试图允许调整大小。

document 使用部分,它说:

将鼠标悬停在块的右侧并拖动以调整大小。可以配置的边缘调整大小是可配置的。

但是,配置参数部分是空的。

如何在这个函数中使用参数?

const resizeablePlugin = createResizeablePlugin();

【问题讨论】:

    标签: javascript draftjs draft-js-plugins


    【解决方案1】:

    很遗憾,此配置未在文档中指定。但是我们可以研究一下源代码,我们可以注意到createResizablePlugin 函数接收到这个默认配置对象:

    {
      horizontal: 'relative',
      vertical: false,
      resizeSteps: 1
    }
    

    所以我们应该这样覆盖vertical 属性:

    const resizeablePlugin = createResizeablePlugin({
      vertical: 'absolute', // <== ! override default value
    });
    

    之后,我们可以通过拖动底部边缘和右下角来调整大小。

    【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2011-10-25
    • 2013-05-16
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2013-01-04
    • 1970-01-01
    相关资源
    最近更新 更多