Drawing api and gradient fill but it's blurry

1

Good Day,
I’m using the drawing API and gradient fill to make a rounded corner rectangle but the corners aren’t showing as crisp. If I click on the swf and “zoom in” the corners look fine, however. What could be causing this?

play_btn.userGradient.lineStyle(1, 0xFFFFFF);
play_btn.userGradient.moveTo(6,2);
var fillType = "linear";
var colors = [colorVar2,colorVar3];
var alphas = [100,100];
var ratios = [0,255];
var matrix = {matrixType:"box", x:10, y:0, w:28, h:22, r:(90 / 180) * Math.PI};
play_btn.userGradient.beginGradientFill(fillType,colors,alphas,ratios,matrix);
play_btn.userGradient.lineTo(22,2);
play_btn.userGradient.curveTo(26,2,26,6)
play_btn.userGradient.lineTo(26,16);
play_btn.userGradient.curveTo(26,20,22,20)
play_btn.userGradient.lineTo(6,20);
play_btn.userGradient.curveTo(2,20,2,16);
play_btn.userGradient.lineTo(2,6);
play_btn.userGradient.curveTo(2,2,6,2);
play_btn.userGradient.endFill();