Ανάρτηση ενός Διαγωνισμού

Fix Javascript Canvas Code

Κατάσταση: Closed
Βραβείο: $49
Ληφθείσες Συμμετοχές: 2
Νικητής: panpur

Winner

Σύνοψη Διαγωνισμού

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.

Προτεινόμενες Δεξιότητες

JavaScript

Winner

Ανάρτηση Παρόμοιου Διαγωνισμού

Σχόλια Εργοδότη

“Very good experience.”

ashevillemnt, United States.

Κορυφαίες καταχωρήσεις από αυτόν τον διαγωνισμό

panpur Indonesia

0
Donc310 Nigeria

1

Δημόσιος Πίνακας Διευκρινίσεων

webdevangel
- Πριν από 5 χρόνια
could you send me your working files ?
- Πριν από 5 χρόνια
1. Κάτοχος Διαγωνισμού
  - Πριν από 5 χρόνια
  sure, I will send them to you soon
  - Πριν από 5 χρόνια
2. Κάτοχος Διαγωνισμού
  - Πριν από 5 χρόνια
  I have attached a working file to the project.
  Please let me know if you have any questions.
  Thanks
  - Πριν από 5 χρόνια
webdevangel
- Πριν από 5 χρόνια
I have many experience with perspectivejs.
- Πριν από 5 χρόνια
yousufkhan39911
- Πριν από 5 χρόνια
your code is not running just showing an image.
- Πριν από 5 χρόνια
1. Κάτοχος Διαγωνισμού
  - Πριν από 5 χρόνια
  Are you talking about this link? http://www.html5.jp/test/perspective_canvas/demo1_en.html
  - Πριν από 5 χρόνια