coremob / camera Goto Github PK

View Code? Open in Web Editor NEW

197.0 197.0 61.0 2.28 MB

An open-source camera application built using Web technology.

CSS 15.98% JavaScript 84.02%

camera's People

Contributors

Stargazers

Watchers

Forkers

girliemac kwallis jsoref tobie dontcallmedom ridjohansen nharo23 zack9433 nerevar jalbertbowden mrj18 starsjz seripap diervo shwetank jeffreycharette hachr tomurka tjoen brenzler p4bl1t0 justzx2011 easonliu88 kyonetca thenftgame imclab candicies mpizza ij888 masdude bluefireworks bheadrick vensvendo netcraft whitebaek fomenyesu ekospinach gabriellaapps sethkontny kimbumsang rotron kianph mcanthony zeng444 hehaifeng1222 akashfoss mapletao zhangwj999 ternad gout digideskio stjordanis siriusfuenmayor wowpaktong ajinkyapuar mikek1102 alexanderazharjan

camera's Issues

canvas.toBlob() unable to save in indexedDB

please assist where i made mistake in inserting blob to indexed DB

<html>
  <head>
    <title>canvas to blob</title>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
</head>
  <body>
    <div><input id="fileInput" type="file" accept="image/*" capture="user"></div>
    <div id ="output"></div>
  </body>
</html>
<script src="js/iDB.js"></script>

Javascript

$(document).ready(function(){
  $("#fileInput").change(function(){
    const File = this.files[0];
    const cvs = document.createElement("canvas");
    const data = new Object(); const data.fileName = "test."+(File.type).split("/").pop();
    const cvsBlob = cvs.toBlob(function(blob){
      let fileURL = URL.createObjectURL(File);
      let Img = new Image();
      Img.src = fileURL;
      Img.onload = function(){
        cvs.width = Img.naturalWidth;
        cvs.height = Img.naturalHeight;
        let ctx = cvs.getContext("2d").drawImage(Img,0,0);
        URL.revokeObjectURL(fileURL);
        $("#output").append(cvs).css('width','120');
        data.blob = blob;
        let trx = db.transaction(["iDBimgs"],"readwrite").objectStore("iDBimgs").put(data,data.fileName);
      }
    },File.type,0.5);
  })
});

able to view the uploaded image in canvas but unable to save canvas as blob in indexed DB

iOS canvas ratio bug

What sort of approach are you planning to take in order to resolve this iOS bug?
http://stackoverflow.com/questions/11929099/html5-canvas-drawimage-ratio-bug-ios

camera photo doesnot appear in editor

The photos which appear 1:1 the photos which doesnot appear

getBlobFromCanvas mixes sync & async paths

Depending on whether toBlob is supported, getBlobFromCanvas will either use an asynchronous path (with toBlob) or a synchronous one (with toDataUrl).

The only way getBlobFromCanvas appears to work today is because it is used before windows.prompt which, asking info from a user, is slow enough to (most of the time) ensure that the async path has had time to finish. But that's not a reliable workaround.

making download button to photos

Download button for after effect photos

coremob / camera Goto Github PK

camera's People

Contributors

Stargazers

Watchers

Forkers

camera's Issues

canvas.toBlob() unable to save in indexedDB

iOS canvas ratio bug

camera photo doesnot appear in editor

getBlobFromCanvas mixes sync & async paths

making download button to photos

Recommend Projects

React

Vue.js

Typescript

TensorFlow

Django

Laravel

D3

Recommend Topics

javascript

web

server

Machine learning

Visualization

Game

Recommend Org

Facebook

Microsoft

Google

Alibaba

D3

Tencent