Post a Contest

Fix Javascript Canvas Code

Status: Closed
Prize: $49
Entries Received: 2
Winner: panpur

Winner

Contest Brief

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.

Recommended Skills

JavaScript

Winner

Post a Contest Like This

Employer Feedback

“Very good experience.”

ashevillemnt, United States.

Top entries from this contest

panpur Indonesia

0
Donc310 Nigeria

1

Public Clarification Board

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