Question

我无法自定义默认荧光笔的样式。我已经尝试过使用像这样的文档中的代码：

this.paper.on('element:pointerdown', function(elementView) {
  elementView.highlight({
    name: 'stroke',
    options: {
      padding: 10,
      rx: 5,
      ry: 5,
      attrs: {
        'stroke-width': 13,
        stroke: '#FF0000'
      }
    }
  });
});

但不会对默认的黄色3px荧光笔进行任何更改。

Answer 1

以下对我有用的东西

this.paper.on('element:pointerdown', function(elementView) {
  elementView.highlight(null /* defaults to cellView.el */, {
    highlighter:{
      name: 'stroke',
      options: {
        padding: 10,
        rx: 5,
        ry: 5,
        attrs: {
          'stroke-width': 13,
          stroke: '#FF0000'
        }
      }
    }
  });
});

https://resources.jointjs.com/docs/jointjs/v2.1/joint.html#highlighters

Answer 2

我已经通过简单地覆盖CSS类解决了我的问题；

'NFKC'

自定义荧光笔

2 个答案: