Fix Javascript Canvas Code

  • Status: Closed
  • Prêmio: $49
  • Inscrições Recebidas: 2
  • Vencedor: panpur

Síntese do 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

Feedback do Empregador

“Very good experience.”

Foto do perfil ashevillemnt, United States.

Principais inscrições deste concurso

Ver Mais Inscrições

Painel de Comentários

  • webdevangel
    webdevangel
    • 5 anos atrás

    could you send me your working files ?

    • 5 anos atrás
    1. ashevillemnt
      Proprietário do Concurso
      • 5 anos atrás

      sure, I will send them to you soon

      • 5 anos atrás
    2. ashevillemnt
      Proprietário do Concurso
      • 5 anos atrás

      I have attached a working file to the project.
      Please let me know if you have any questions.
      Thanks

      • 5 anos atrás
  • webdevangel
    webdevangel
    • 5 anos atrás

    I have many experience with perspectivejs.

    • 5 anos atrás
  • yousufkhan39911
    yousufkhan39911
    • 5 anos atrás

    your code is not running just showing an image.

    • 5 anos atrás
    1. ashevillemnt
      Proprietário do Concurso
      • 5 anos atrás

      Are you talking about this link? http://www.html5.jp/test/perspective_canvas/demo1_en.html

      • 5 anos atrás

Mostrar mais comentários

Como começar com concursos

  • Publique seu concurso

    Publique seu Concurso Rápido e fácil

  • Receba muitas inscrições

    Obtenha Toneladas de Inscrições De todo o mundo

  • Premie a melhor inscrição

    Premie a melhor inscrição Baixe os arquivos, é fácil!

Poste um Concurso ou Junte-se a nós Hoje!