Joint.js / Rappid - Hair (1px) strokes for links and borders

I should just skip it somewhere, but how do I determine the intensity of the hair in Joint.js? My shapes and lines are not scaled, and no matter what I do, everything seems to be 2px of anti-aliasing.

Here's my default link style:

joint.shapes.myBase.Link = joint.dia.Link.extend({
  defaults: joint.util.deepSupplement({
    type: 'myBase.Link',
    router: {
      name: 'manhattan'
    },
    labels: [{
        attrs: {
          text: {
            'font-size': 12
          }
        }
    }],
    attrs: {
      '.marker-target': { d: 'M 10 0 L 0 5 L 10 10 z' },
      '.marker-arrowhead-group-source': { display: 'none' }
    }
  }, joint.dia.Link.extend.prototype.defaults)
});

      

Here's my CSS:

.connection {
  stroke-width: 1;
  stroke-opacity: 1;
  fill: none;
}

      

+3
stroke jointjs rappid


source to share


No one has answered this question yet

Check out similar questions:

3
default and fill SVG
2
ProcessingJS change stroke width in SVG
1
Joint.js: prevent specific element from being bound
1
JS / Rappid co-local issues in IE
1
Link Design in Rappid (JointJS?)
0
Add an image as a thumbnail to a form like basic.Rect in jointjs rappid
0
Adding new template option in BPMN editor with Rappid JS
0
Ref: dbclick event with vertex added set to true [Jointjs] [Rappid]
0
How to get js rapids template
0
Insert items into another graph in Rappid?



All Articles
Loading...
X
Show
Funny
Dev
Pics