javascript - 如何平滑移相器/画布线？

Question

我试过lineCap了，但没有帮助。

SVG 中相同的几何图形看起来要好得多。

如何使用 SVG 或任何“画家”（如 Photoshop）中的平滑来绘制它？

  var game=new Phaser.Game(800,600,Phaser.AUTO,'game',{preload:preload,create:create, update:update});

function preload() {
      game.time.advancedTiming = true;
    }
  function create(){
    var graphics=game.add.graphics(300,10);  
    
    // graphics.beginFill(0xC7CFBE);
    graphics.lineStyle(7,0xB8B8B8,1);
    graphics.moveTo(10,10);
    graphics.lineTo(66, 10);
    graphics.lineTo(66,1380);
    graphics.lineTo(10,1380);
    graphics.lineTo(10,10);
    //graphics.endFill();
    graphics.angle = -2.699999999990382;
    
    window.graphics=graphics;
  }

   function update() 
    {
    }

<script src="https://cdnjs.cloudflare.com/ajax/libs/phaser/2.4.6/phaser.min.js"></script>
<div id="game"></div>

标签： javascriptcanvasphaser-framework