jointjs - Joint.js / Rappid - リンクとボーダーのヘアライン (1px) ストローク

Question

どこかで見逃しているに違いありませんが、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;
}