2013-07-07 2 views
0

그리려는이 패턴의 내부를 채울 수 없습니다. (빨간색 하나 ..) 검은 색 모양이 배경이 문제는 내가 코드를 변경하고 큰 가서의 moveTo를 사용하지 않고 모양을 그릴 한 때의 moveTo를 많이 사용했다고했다Html5 canvas - easeljs를 사용하여 색상의 내부를 채울 수 없습니다.

http://s8.postimg.org/7rsho4mr9/shape.png

var stage = new createjs.Stage("shape"); 
stage.enableMouseOver(); 
stage.mouseMoveOutside = true; 
createjs.Touch.enable(stage); 

var width = $('#shape').width(), 
border_width = 3, 
part_border = 2 * border_width, 
part_width = width/parts_num, 
shape_width = part_width-part_border; 

var container = new createjs.Container(); 

var shape = new createjs.Shape(); 
shape.x = 17; 
shape.y = 0; 
shape.name = 'morin1'; 
shape.graphics.setStrokeStyle(part_border); 
shape.graphics.beginStroke("#f00"); 
shape.graphics.beginFill("yellow"); 


//top line 
shape.graphics.moveTo(0, 0); 
shape.graphics.lineTo(shape_width,0); 

//bottom line 
shape.graphics.moveTo(0, 174); 
shape.graphics.lineTo(shape_width,174); 

//left line - top part 
shape.graphics.moveTo(0, 0); 
shape.graphics.bezierCurveTo(30, 21, 13, 60, 0, 90); 

//left line - bottom part 
shape.graphics.bezierCurveTo(-18, 120, -24, 140, 0, 178); 

//right line - top part 
shape.graphics.moveTo(shape_width, 0); 
shape.graphics.bezierCurveTo(shape_width+30, 21, shape_width+13, 60, shape_width+0, 90); 

//right line - bottom part 
shape.graphics.bezierCurveTo(shape_width-18, 120, shape_width-24, 140, shape_width, 178); 

답변

1

단지 더미 JPEG에게 있습니다.

+0

감사합니다. 이것이 내가 가지고 있었던 문제였습니다. – cnp