Рисунок с использованием кривой To

Question

Задача состоит в том, чтобы нарисовать пользовательскую форму с использованием графического метода curveTo.

Проблема в том, что соединения путей не являются точными.

Результат:

<fx:Script> 
    <![CDATA[ 
     import mx.events.FlexEvent; 

     protected function application1_creationCompleteHandler(event:FlexEvent):void 
     { 
      // TODO Auto-generated method stub 

      test.graphics.clear(); 
      test.graphics.lineStyle(1); 
      drawBorder(test.graphics, 200, 200); 
     } 

     private function drawBorder(g: Graphics, width: Number, height: Number): void 
     { 
      var cornerRadius: int = 20; 
      var pointerWidth: int = 4; 
      var pointerHeight: int = 10; 
      var pointerBottomGap: int = 6; 

      width -= pointerWidth; 

      g.moveTo(0, height - cornerRadius); 
      g.lineTo(0, cornerRadius + 1); 
      g.curveTo(0, 0, cornerRadius, 0); 
      g.lineTo(width - cornerRadius, 0); 
      g.curveTo(width, 0, width, cornerRadius); 
      var pointerY: int = height - pointerHeight - pointerBottomGap; 
      g.lineTo(width, pointerY); 
      g.lineTo(width + pointerWidth, pointerY + pointerHeight); 
      g.lineTo(width - pointerWidth, pointerY + pointerHeight + 1); 
      g.curveTo(width - pointerWidth, height, width - cornerRadius, height); 
      g.lineTo(cornerRadius, height); 
      g.curveTo(0, height, 0, height - cornerRadius); 
     } 

    ]]> 
</fx:Script> 

<mx:UIComponent 
    id="test" 
    x="100" y="100"/> 

вопрос можно перефразировать - Как нарисовать прямоугольник с угловым радиусом, используя curveTo метод?

Answer 1

Если вы имеете в вид нечетное сглаживания, попробуйте включить пиксели намекая:

targetSprite.graphics.lineStyle(1.0, 0x000000, 1.0, true); 

Answer 2

Увеличение толщины веса штриха линии поможет; а также, попробуйте уточняющие колпачки и суставы:

import flash.display.CapsStyle; 
import flash.display.JointStyle; 
import flash.display.LineScaleMode; 

graphics.lineStyle(2, 
        0x0, 
        1.0, 
        true, 
        LineScaleMode.NORMAL, 
        CapsStyle.SQUARE, 
        JointStyle.MITER); 

drawBorder(graphics, 200, 200);