mega pixel sample

by Yoshiharu Kamata

HTML

<script src="https://raw.github.com/stomita/ios-imagefile-megapixel/master/src/megapix-image.js"></script>
    Select MegaPixel Photo: <input type="file" id="fileInput">
    <br/>
    Image: <br/>
    <img id="resultImage">
    <br/>
    Canvas:<br/>
    <canvas id="resultCanvas1"></canvas>
    <br/>
    Canvas (rotated):<br/>
    <canvas id="resultCanvas2"></canvas>

CoffeeScript

$ ->
  $('#fileInput').on "change", ->
    mpImg = new MegaPixImage this.files[0]

    mpImg.render($("#resultImage").get(0),  maxWidth: 300, maxHeight: 300, quality: 0.5 )

    mpImg.render($("#resultCanvas1").get(0), maxWidth: 300, maxHeight: 300 )
    mpImg.render($("#resultCanvas2").get(0), maxWidth: 300, maxHeight: 300, orientation:6  )