我一定只是在某个地方错过了它,但是如何在 Joint.js 中定义细线笔划?我的形状和线条没有缩放,无论我做什么,一切似乎都被渲染为 2px 抗锯齿。
这是我的默认链接样式:
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)
});
这是我的CSS:
.connection {
stroke-width: 1;
stroke-opacity: 1;
fill: none;
}