Skip to content

Placement Example

Paul Zabelin edited this page Mar 11, 2018 · 4 revisions

We are trying to place overlay sky image on top of a photograph of iPad to fit into iPad screen.

Example with overlay

Using container image:

Container image

and overlay image:

Ovelay image

SVG pattern

We can construct SVG file trying to fill polygon with pattern from image: SVG with overlay

SVG polygon

We can use SVG to define corners of the polygon. SVG with overlay

After we constructed SVG using graphics editor we can get corners of the polygon from SVG file: Example/Tests/with-overlay.svg and we can see points:

points="377.282671 41.4352201 459.781253 251.836131 193.321418 330.023027 108.315837 80.1687782 "

Clone this wiki locally