Skip to main content
Inspiring
December 19, 2016
Answered

Deform, or Skew Image MovieClip using HTML5 code

  • December 19, 2016
  • 1 reply
  • 642 views

Does anyone know how to use code to deform, skew or transform a MovieClip containing an image (see image examples)?

This topic has been closed for replies.
Correct answer ClayUUID

Canvas mode can only do (in realtime) the transformations that the HTML canvas element natively supports.

Transformations - Web APIs | MDN

Even if you find a native transform that works for you, it's somewhat of a pain to use in Animate because you have to manually copy part of the stage to an offscreen canvas, transform it, then paste it back onto the main canvas.

EDIT: To clarify, you can perform basic skewing via Animate's Transform window. But anything more complicated than what the UI allows will require the aforementioned coding.

1 reply

ClayUUIDCorrect answer
Legend
December 19, 2016

Canvas mode can only do (in realtime) the transformations that the HTML canvas element natively supports.

Transformations - Web APIs | MDN

Even if you find a native transform that works for you, it's somewhat of a pain to use in Animate because you have to manually copy part of the stage to an offscreen canvas, transform it, then paste it back onto the main canvas.

EDIT: To clarify, you can perform basic skewing via Animate's Transform window. But anything more complicated than what the UI allows will require the aforementioned coding.