Translation

Translation shifts the entire coordinate system. It is useful if we want to draw a shape in a different position, but without changing the drawing code.

We use the translate method of the Context to perform a translation:

ctx.translate(200, 300)

This moves the entire user space 200 units to the right, and 300 units down, relative to device space. This means ...

Introduction

Introduction to Vector Graphics

Basic Drawing Operations

Paths and Complex Shapes

Computer Color

Transforms and State

Working with Text

Gradients and Image Fills

Clipping, Masking and Compositing

Surfaces and Output Formats

Integration with Other Libraries

Conclusion

Translation

Translation