Publicar un concurso

Fix Javascript Canvas Code

Estado: Closed
Premio: $49
Propuestas recibidas: 2
Ganador: panpur

Winner

Resumen del concurso

Provided are the links to the code with the example for perspective image transformation done with Javscript and Canvas.
Code on GIT: https://github.com/wanadev/perspective.js/
Working Example: http://www.html5.jp/test/perspective_canvas/demo1_en.html
I have also attached the working example. (just unzip and run index.html file)
This code works great until the image is flipped (mirrored).
When flipped horizontally, the image disappears. Please see the attachment.
When flipped vertically, the image is distorted.

I need to find the solution to get proper transformation for both: vertical and horizontal flipping.
I see three possible solutions:
1. Fix the current code. This is a preferred solution.
2. Modify current code with adding optional horizontalFlip, verticalFlip parameter. (Flipping the image before doing the transformation.)
3. Write a different code that will give comparable results. It would need to be done without any heavy external libraries.
I would also prefer not using WebGL. Also, the CSS solution would not work as it will have browser compatibility issues.

Please let me know if you have any questions.

Habilidades recomendadas

JavaScript

Winner

Publica un concurso similar

Comentarios del empleador

“Very good experience.”

ashevillemnt, United States.

Principales propuestas de este concurso

panpur Indonesia

0
Donc310 Nigeria

1

Tablero de aclaración pública

webdevangel
- 5 años atrás
could you send me your working files ?
- 5 años atrás
1. Organizador del concurso
  - 5 años atrás
  sure, I will send them to you soon
  - 5 años atrás
2. Organizador del concurso
  - 5 años atrás
  I have attached a working file to the project.
  Please let me know if you have any questions.
  Thanks
  - 5 años atrás
webdevangel
- 5 años atrás
I have many experience with perspectivejs.
- 5 años atrás
yousufkhan39911
- 5 años atrás
your code is not running just showing an image.
- 5 años atrás
1. Organizador del concurso
  - 5 años atrás
  Are you talking about this link? http://www.html5.jp/test/perspective_canvas/demo1_en.html
  - 5 años atrás