персонализирана форма в платно? - html5, платно

има ли някакъв начин да се създаде формата, използвайки "Bezier Curve" или "квадратична крива" в html5 платно. или има ли някакъв метод за изчертаване на полигон в платно

Отговори:

За многоъгълник можете да използвате следното (където ctx е your 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 ()

Със сигурност можете да имате поне:

• quadraticCurveTo
• bezierCurveTo

Обърнете внимание на примерния код:

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