Na figura acima os pontos vermelhos são extremos de segmentos e os verdes controlos.

Como foi desenhado o caminho azul?

Na figura acima o objeto gráfico é pintado com um gradiente linear. Indique qual das opções abaixo constrói esse gradiente.

Os pontos de paragem do gradiente são representados por x%: cor e um gradiente fica definido por uma lista destes pontos.

As cores usadas são: crimson ███ , seagreen ███ , khaki ███ e steelblue ███

Figura B

O objeto gráfico da Figura A é transformado e o resultado é mostrado na Figura B

.

Qual foi a transformação aplicada?

As transformações básicas são:

• R(a): rotação de a graus em torno da origem do referencial.
• T(dx, dy): translação pelo vetor (dx, dy).
• S(sx, sy): escalamento pelos fatores sx e sy nas direções dos eixos x e y respetivamente.

Os ângulos são medidos a partir do eixo x no sentido dos ponteiros do relógio.

O objeto gráfico da figura acima é transformado pela composição seguinte:

T(50, 50) R(-45) S(-1, -0.5) T(-50, -50)

Qual é a imagem que resulta dessa transformação?

As transformações básicas são:

• R(a): rotação de a graus em torno da origem do referencial.
• T(dx, dy): translação pelo vetor (dx, dy).
• S(sx, sy): escalamento pelos fatores sx e sy nas direções dos eixos x e y respetivamente.

Os ângulos são medidos a partir do eixo x no sentido dos ponteiros do relógio.

Considere o fragmento de programa seguinte:

this.beginPath();
this.moveTo(50, 50);
this.lineTo(90, 10);
this.quadraticCurveTo(10, 10, 10, 50);
this.bezierCurveTo(10, 90, 90, 90, 70, 50);
this.lineTo(50, 50);
this.closePath();

Que caminho obtém?

Na figura acima os pontos vermelhos são extremos de segmentos e os verdes controlos.

Como foi desenhado o caminho azul?