пользовательская форма в холсте?

Question

Есть ли способ создать форму с использованием «кривой Безье» или «квадратичной кривой» в холсте html5. или есть какой-нибудь способ, чтобы нарисовать многоугольник холст

Answer 1

Конечно, вы можете, у вас есть по крайней мере:

• quadraticCurveTo
• bezierCurveTo

Посмотрите на этот пример кода:

http://www.html5canvastutorials.com/labs/html5-canvas-playing-card-suits/

Answer 2

Для полигона вы можно использовать следующие (где CTX является getContext вашего холста ('2d')):

ctx.fillStyle=*hex code of the color you want it to be"; 
ctx.beginPath(); 
ctx.moveTo(x1,y1); 
ctx.lineTo(x2,y2); 
ctx.lineTo(x3,y3); 
*add more points if needed using a lineTo(x,y) for each of your points* 
ctx.closePath(); 
ctx.fill(); 

Если вы хотите использовать тактный полигон ctx.strokeStyle и ctx.stroke() вместо ctx.fillStyle и ctx.fill()