Merge branch 'canvasandupload' into 'master'

Taille canvas dynamique et importation image See merge request !6
separate appcache js script detection
2017-09-21 13:03:49 +02:00 · 2017-09-21 12:53:01 +02:00 · 2017-09-21 12:52:38 +02:00 · 2017-09-19 22:48:37 +02:00 · 2017-09-19 22:35:25 +02:00 · 2017-09-18 21:14:29 +02:00
5 changed files with 621 additions and 42 deletions
--- a/comicgen.appcache
+++ b/comicgen.appcache
@ -1,20 +1,445 @@
 CACHE MANIFEST
-# v5
+
+# v7 - 20171509 
+CACHE:
+index.html
 comicgen.js
 estilo.css
+gege.css
 jquery-1.5.2.min.js
 pop.mp3
 pop.ogg
 ragaboom.min.js
-toons/balao.png
-toons/sm01_mini.png
-toons/sm01.png
-toons/sm02_mini.png
-toons/sm02.png
-toons/sm03_mini.png
-toons/sm03.png
-toons/sushi_mini.png
-toons/sushi.png
+toons/affirmatif_mini.png
+toons/affirmatif.png
+toons/agace_mini.png
+toons/agace.png
+toons/ballon10_mini.png
+toons/ballon10.png
+toons/ballon1_mini.png
+toons/ballon1.png
+toons/ballon2_mini.png
+toons/ballon2.png
+toons/ballon3_mini.png
+toons/ballon3.png
+toons/ballon4_mini.png
+toons/ballon4.png
+toons/ballon5_mini.png
+toons/ballon5.png
+toons/ballon6_mini.png
+toons/ballon6.png
+toons/ballon7_mini.png
+toons/ballon7.png
+toons/ballon8_mini.png
+toons/ballon8.png
+toons/ballon9_mini.png
+toons/ballon9.png
+toons/blagueur_bras_croises_mini.png
+toons/blagueur_bras_croises.png
+toons/blagueur_bras_ecartes_mini.png
+toons/blagueur_bras_ecartes.png
+toons/blagueur_doigt_leve_mini.png
+toons/blagueur_doigt_leve.png
+toons/blagueuse_mini.png
+toons/blagueuse.png
+toons/blase_mini.png
+toons/blase.png
+toons/boude_mini.png
+toons/boude.png
+toons/boudeur_mini.png
+toons/boudeur.png
+toons/chasseur_mini.png
+toons/chasseur.png
+toons/choque_mini.png
+toons/choque.png
+toons/connard_avide_mini.png
+toons/connard_avide.png
+toons/connard_enoncant_mini.png
+toons/connard_enoncant.png
+toons/connard_menacant_mini.png
+toons/connard_menacant.png
+toons/connard_mini.png
+toons/connard.png
+toons/connard_pupitre_mini.png
+toons/connard_pupitre.png
+toons/depite_mini.png
+toons/depite.png
+toons/desapointee_mini.png
+toons/desapointee.png
+toons/desapointe_mini.png
+toons/desapointe.png
+toons/effraye_mini.png
+toons/effraye.png
+toons/etonne_mini.png
+toons/etonne.png
+toons/facepalm2_mini.png
+toons/facepalm2.png
+toons/facepalm_mini.png
+toons/facepalm.png
+toons/fache_mini.png
+toons/fache.png
+toons/fbi_mini.png
+toons/fbi.png
+toons/festif_mini.png
+toons/festif.png
+toons/fond1_mini.png
+toons/fond1.png
+toons/fond2_mini.png
+toons/fond2.png
+toons/fond3_mini.png
+toons/fond3.png
+toons/fond4_mini.png
+toons/fond4.png
+toons/fond5_mini.png
+toons/fond5.png
+toons/grisbouille000_mini.png
+toons/grisbouille000.png
+toons/grisbouille001_mini.png
+toons/grisbouille001.png
+toons/grisbouille002_mini.png
+toons/grisbouille002.png
+toons/grisbouille003_mini.png
+toons/grisbouille003.png
+toons/grisbouille004_mini.png
+toons/grisbouille004.png
+toons/grisbouille005_mini.png
+toons/grisbouille005.png
+toons/grisbouille006_mini.png
+toons/grisbouille006.png
+toons/grisbouille007_mini.png
+toons/grisbouille007.png
+toons/grisbouille008_mini.png
+toons/grisbouille008.png
+toons/grisbouille009_mini.png
+toons/grisbouille009.png
+toons/grisbouille010_mini.png
+toons/grisbouille010.png
+toons/grisbouille011_mini.png
+toons/grisbouille011.png
+toons/grisbouille012_mini.png
+toons/grisbouille012.png
+toons/grisbouille013_mini.png
+toons/grisbouille013.png
+toons/grisbouille014_mini.png
+toons/grisbouille014.png
+toons/grisbouille015_mini.png
+toons/grisbouille015.png
+toons/grisbouille016_mini.png
+toons/grisbouille016.png
+toons/grisbouille017_mini.png
+toons/grisbouille017.png
+toons/grisbouille018_mini.png
+toons/grisbouille018.png
+toons/grisbouille019_mini.png
+toons/grisbouille019.png
+toons/grisbouille020_mini.png
+toons/grisbouille020.png
+toons/grisbouille021_mini.png
+toons/grisbouille021.png
+toons/grisbouille022_mini.png
+toons/grisbouille022.png
+toons/grisbouille023_mini.png
+toons/grisbouille023.png
+toons/grisbouille024_mini.png
+toons/grisbouille024.png
+toons/grisbouille025_mini.png
+toons/grisbouille025.png
+toons/grisbouille026_mini.png
+toons/grisbouille026.png
+toons/grisbouille027_mini.png
+toons/grisbouille027.png
+toons/grisbouille028_mini.png
+toons/grisbouille028.png
+toons/grisbouille029_mini.png
+toons/grisbouille029.png
+toons/grisbouille030_mini.png
+toons/grisbouille030.png
+toons/grisbouille031_mini.png
+toons/grisbouille031.png
+toons/grisbouille032_mini.png
+toons/grisbouille032.png
+toons/grisbouille033_mini.png
+toons/grisbouille033.png
+toons/grisbouille034_mini.png
+toons/grisbouille034.png
+toons/grisbouille035_mini.png
+toons/grisbouille035.png
+toons/grisbouille036_mini.png
+toons/grisbouille036.png
+toons/grisbouille037_mini.png
+toons/grisbouille037.png
+toons/grisbouille038_mini.png
+toons/grisbouille038.png
+toons/grisbouille039_mini.png
+toons/grisbouille039.png
+toons/grisbouille040_mini.png
+toons/grisbouille040.png
+toons/grisbouille041_mini.png
+toons/grisbouille041.png
+toons/grisbouille042_mini.png
+toons/grisbouille042.png
+toons/grisbouille043_mini.png
+toons/grisbouille043.png
+toons/grisbouille044_mini.png
+toons/grisbouille044.png
+toons/grisbouille045_mini.png
+toons/grisbouille045.png
+toons/grisbouille046_mini.png
+toons/grisbouille046.png
+toons/grisbouille047_mini.png
+toons/grisbouille047.png
+toons/grisbouille048_mini.png
+toons/grisbouille048.png
+toons/grisbouille049_mini.png
+toons/grisbouille049.png
+toons/grisbouille050_mini.png
+toons/grisbouille050.png
+toons/grisbouille051_mini.png
+toons/grisbouille051.png
+toons/grisbouille052_mini.png
+toons/grisbouille052.png
+toons/grisbouille053_mini.png
+toons/grisbouille053.png
+toons/grisbouille054_mini.png
+toons/grisbouille054.png
+toons/grisbouille055_mini.png
+toons/grisbouille055.png
+toons/grisbouille056_mini.png
+toons/grisbouille056.png
+toons/grisbouille057_mini.png
+toons/grisbouille057.png
+toons/grisbouille058_mini.png
+toons/grisbouille058.png
+toons/grisbouille059_mini.png
+toons/grisbouille059.png
+toons/grisbouille060_mini.png
+toons/grisbouille060.png
+toons/grisbouille061_mini.png
+toons/grisbouille061.png
+toons/grisbouille062_mini.png
+toons/grisbouille062.png
+toons/grisbouille063_mini.png
+toons/grisbouille063.png
+toons/grisbouille064_mini.png
+toons/grisbouille064.png
+toons/grisbouille065_mini.png
+toons/grisbouille065.png
+toons/grisbouille066_mini.png
+toons/grisbouille066.png
+toons/grisbouille067_mini.png
+toons/grisbouille067.png
+toons/grisbouille068_mini.png
+toons/grisbouille068.png
+toons/grisbouille069_mini.png
+toons/grisbouille069.png
+toons/grisbouille070_mini.png
+toons/grisbouille070.png
+toons/grisbouille071_mini.png
+toons/grisbouille071.png
+toons/grisbouille072_mini.png
+toons/grisbouille072.png
+toons/grisbouille073_mini.png
+toons/grisbouille073.png
+toons/grisbouille074_mini.png
+toons/grisbouille074.png
+toons/grisbouille075_mini.png
+toons/grisbouille075.png
+toons/grisbouille076_mini.png
+toons/grisbouille076.png
+toons/grisbouille077_mini.png
+toons/grisbouille077.png
+toons/grisbouille078_mini.png
+toons/grisbouille078.png
+toons/grisbouille079_mini.png
+toons/grisbouille079.png
+toons/grisbouille080_mini.png
+toons/grisbouille080.png
+toons/grisbouille081_mini.png
+toons/grisbouille081.png
+toons/grisbouille082_mini.png
+toons/grisbouille082.png
+toons/grisbouille083_mini.png
+toons/grisbouille083.png
+toons/grisbouille084_mini.png
+toons/grisbouille084.png
+toons/grisbouille085_mini.png
+toons/grisbouille085.png
+toons/grisbouille086_mini.png
+toons/grisbouille086.png
+toons/grisbouille087_mini.png
+toons/grisbouille087.png
+toons/grisbouille088_mini.png
+toons/grisbouille088.png
+toons/grisbouille089_mini.png
+toons/grisbouille089.png
+toons/grisbouille090_mini.png
+toons/grisbouille090.png
+toons/grisbouille091_mini.png
+toons/grisbouille091.png
+toons/grisbouille092_mini.png
+toons/grisbouille092.png
+toons/grisbouille093_mini.png
+toons/grisbouille093.png
+toons/grisbouille094_mini.png
+toons/grisbouille094.png
+toons/grisbouille095_mini.png
+toons/grisbouille095.png
+toons/grisbouille096_mini.png
+toons/grisbouille096.png
+toons/grisbouille097_mini.png
+toons/grisbouille097.png
+toons/grisbouille098_mini.png
+toons/grisbouille098.png
+toons/grisbouille099_mini.png
+toons/grisbouille099.png
+toons/grisbouille100_mini.png
+toons/grisbouille100.png
+toons/grisbouille101_mini.png
+toons/grisbouille101.png
+toons/grisbouille102_mini.png
+toons/grisbouille102.png
+toons/grisbouille103_mini.png
+toons/grisbouille103.png
+toons/grisbouille104_mini.png
+toons/grisbouille104.png
+toons/grisbouille105_mini.png
+toons/grisbouille105.png
+toons/grisbouille106_mini.png
+toons/grisbouille106.png
+toons/grisbouille107_mini.png
+toons/grisbouille107.png
+toons/grisbouille108_mini.png
+toons/grisbouille108.png
+toons/grisbouille109_mini.png
+toons/grisbouille109.png
+toons/grisbouille110_mini.png
+toons/grisbouille110.png
+toons/grisbouille111_mini.png
+toons/grisbouille111.png
+toons/grisbouille112_mini.png
+toons/grisbouille112.png
+toons/grisbouille113_mini.png
+toons/grisbouille113.png
+toons/grisbouille114_mini.png
+toons/grisbouille114.png
+toons/grisbouille115_mini.png
+toons/grisbouille115.png
+toons/grisbouille116_mini.png
+toons/grisbouille116.png
+toons/grisbouille117_mini.png
+toons/grisbouille117.png
+toons/grisbouille118_mini.png
+toons/grisbouille118.png
+toons/grisbouille119_mini.png
+toons/grisbouille119.png
+toons/grisbouille120_mini.png
+toons/grisbouille120.png
+toons/grisbouille121_mini.png
+toons/grisbouille121.png
+toons/grisbouille122_mini.png
+toons/grisbouille122.png
+toons/grisbouille123_mini.png
+toons/grisbouille123.png
+toons/grisbouille124_mini.png
+toons/grisbouille124.png
+toons/grisbouille125_mini.png
+toons/grisbouille125.png
+toons/grisbouille126_mini.png
+toons/grisbouille126.png
+toons/grisbouille127_mini.png
+toons/grisbouille127.png
+toons/grisbouille128_mini.png
+toons/grisbouille128.png
+toons/grisbouille129_mini.png
+toons/grisbouille129.png
+toons/grisbouille130_mini.png
+toons/grisbouille130.png
+toons/grisbouille131_mini.png
+toons/grisbouille131.png
+toons/grisbouille132_mini.png
+toons/grisbouille132.png
+toons/guitare_mini.png
+toons/guitare.png
+toons/harpon_mini.png
+toons/harpon.png
+toons/heureux_mini.png
+toons/heureux.png
+toons/indigne_mini.png
+toons/indigne.png
+toons/inebranlable2_mini.png
+toons/inebranlable2.png
+toons/inebranlable_mini.png
+toons/inebranlable.png
+toons/ironique_mini.png
+toons/ironique.png
+toons/journaliste_surpris_mini.png
+toons/journaliste_surpris.png
+toons/journal_mini.png
+toons/journal.png
+toons/joyeux_mini.png
+toons/joyeux.png
+toons/la_mort_mini.png
+toons/la_mort.png
+toons/lisant_a_haute_voix_mini.png
+toons/lisant_a_haute_voix.png
+toons/lisant_mini.png
+toons/lisant.png
+toons/marchant_mini.png
+toons/marchant.png
+toons/montre_du_doigt_mini.png
+toons/montre_du_doigt.png
+toons/moqueur_mini.png
+toons/moqueur.png
+toons/nauseeux_mini.png
+toons/nauseeux.png
+toons/negatif1_mini.png
+toons/negatif1.png
+toons/negatif2_mini.png
+toons/negatif2.png
+toons/negatif3_mini.png
+toons/negatif3.png
+toons/negatif4_mini.png
+toons/negatif4.png
+toons/negatif5_mini.png
+toons/negatif5.png
+toons/non_mais_mini.png
+toons/non_mais.png
+toons/paon_mini.png
+toons/paon.png
+toons/pedant_mini.png
+toons/pedant.png
+toons/pensif_mini.png
+toons/pensif.png
+toons/pensive_mini.png
+toons/pensive.png
+toons/positif1_mini.png
+toons/positif1.png
+toons/positif2_mini.png
+toons/positif2.png
+toons/positif3_mini.png
+toons/positif3.png
+toons/positif4_mini.png
+toons/positif4.png
+toons/positif5_mini.png
+toons/positif5.png
+toons/psst_mini.png
+toons/psst.png
+toons/sabre_laser_mini.png
+toons/sabre_laser.png
+toons/scandalise_mini.png
+toons/scandalise.png
+toons/se_cache_les_yeux_mini.png
+toons/se_cache_les_yeux.png
+toons/smiley01.png
+toons/smiley02.png
+toons/smiley03.png
+toons/smiley04.png
+toons/souriante_mini.png
+toons/souriante.png
+toons/surarme_mini.png
+toons/surarme.png
+toons/surpris_mini.png
+toons/surpris.png
 toons/toon01_mini.png
 toons/toon01.png
 toons/toon02_mini.png
@ -27,15 +452,66 @@ toons/toon05_mini.png
 toons/toon05.png
 toons/toon06_mini.png
 toons/toon06.png
-toons/z01_mini.png
-toons/z01.png
-toons/z02_mini.png
-toons/z02.png
-toons/z03_mini.png
-toons/z03.png
-toons/z04_mini.png
-toons/z04.png
+toons/toon07_mini.png
+toons/toon07.png
+toons/toon08_mini.png
+toons/toon08.png
+toons/toon09_mini.png
+toons/toon09.png
+toons/toon10_mini.png
+toons/toon10.png
+toons/toon11_mini.png
+toons/toon11.png
+toons/toon12_mini.png
+toons/toon12.png
+toons/toon13_mini.png
+toons/toon13.png
+toons/toon14_mini.png
+toons/toon14.png
+toons/toon15_mini.png
+toons/toon15.png
+toons/toon16_mini.png
+toons/toon16.png
+toons/toon17_mini.png
+toons/toon17.png
+toons/toon18_mini.png
+toons/toon18.png
+toons/toon19_mini.png
+toons/toon19.png
+toons/toon20_mini.png
+toons/toon20.png
+toons/toon21_mini.png
+toons/toon21.png
+toons/toon22_mini.png
+toons/toon22.png
+toons/toon23_mini.png
+toons/toon23.png
+toons/toon24_mini.png
+toons/toon24.png
+toons/toon25_mini.png
+toons/toon25.png
+toons/toon26_mini.png
+toons/toon26.png
+toons/toon27_mini.png
+toons/toon27.png
+toons/toon28_mini.png
+toons/toon28.png
+toons/toon29_mini.png
+toons/toon29.png
+toons/toon30_mini.png
+toons/toon30.png
+toons/transpirant_mini.png
+toons/transpirant.png
+toons/tsss_mini.png
+toons/tsss.png
+toons/vador_mini.png
+toons/vador.png
+toons/vieille_dame_mini.png
+toons/vieille_dame.png
+toons/voiture_mini.png
+toons/voiture.png

 NETWORK:

 FALLBACK:
+/ index.html .
--- a/comicgen.js
+++ b/comicgen.js
@ -1,13 +1,17 @@
 var d = document;
 var cg = {};
-var c = $('#c')[0];
+var w = parseInt(window.innerWidth * 0.8);
+var h = parseInt(window.innerHeight * 0.8);
+var canvas = $('#c');
+canvas.attr('width',w).attr('height',h);
+var c = canvas[0];
 var ctx = c.getContext('2d');
 var scene = new RB.Scene(c);
-var w = c.width;
-var h = c.height;
 var fontFamily = "Domestic Manners, Arial, helvetica, sans serif";
 var pop = new Audio('pop.ogg');
 var currentObj = null;
+$('#newWidth').val(w);
+$('#newHeight').val(h);

 scene.add( scene.rect(w, h, 'white') );
 scene.update();
@ -68,9 +72,10 @@ d.onmousewheel = function(mw){
 };

 cg.hoverdiv = function(e,divid){
-
-    var left  = e.clientX  + "px";
-    var top  = e.clientY  + "px";
+    var x = e.clientX + 25;
+    var y = e.clientY ;
+    var left  = x + "px";
+    var top  = y  + "px";

    
    var div = document.getElementById(divid);
@ -81,21 +86,22 @@ cg.hoverdiv = function(e,divid){
    return false;
 }
 cg.sourceSwap = function (e) {
-    var img_mini = $(this);
-    var img_id = parseInt(img_mini.data('src-id'));
+    var div_mini = $(this);
+    var img_id = parseInt(div_mini.data('src-id'));
    var img_url = toonUrls[img_id];
-    console.log(img_url)
    $("#bigImg").attr('src','toons/' + img_url);
    cg.hoverdiv(e,"focusImg")
 }
 cg.buildMinis = function(){
 	var buffer = '';
+        var divString = "<div class='himg'  data-src-id='IMG_ID'>";
 	var imgString = "<img src='toons/IMG_URL' data-src-id='IMG_ID' class='rc mini' alt='toons'></img>";
 	var link = "<a href=\"javascript:cg.createImage('toons/IMG_URL')\">";

 	for(var i=0; i < miniUrls.length; i++){
+                buffer += divString.replace(/IMG_ID/,i);
 		buffer += link.replace(/IMG_URL/, toonUrls[i]);
-		buffer += imgString.replace(/IMG_URL/, miniUrls[i]).replace(/IMG_ID/, i) + '</a>';
+		buffer += imgString.replace(/IMG_URL/, miniUrls[i]).replace(/IMG_ID/, i) + '</a></div>';
 	}

 	lib.append(buffer);
@ -103,7 +109,7 @@ cg.buildMinis = function(){
 	//lib.append( $('#textTool').clone() );
 	$('#menuContainer').append( $('#instructs').clone() );
        $(function () {
-          $('img.rc').hover(cg.sourceSwap, cg.sourceSwap);
+          $('div.himg').hover(cg.sourceSwap, cg.sourceSwap);
        });
 }

@ -171,9 +177,35 @@ cg.createTextFromInput = function(e){
 		pop.play();
 	}
 }
+cg.createImageFromInput= function(t){

+  var fileList = t.files; /* now you can work with the file list */
+    var imageType = /image.*/;
+    var nBytes = 0;
+  
+    for (var i = 0; i < fileList.length; i++)
+    {
+      
+        var file = fileList[i];
+        nBytes += file.size;
+        if (!file.type.match(imageType))
+        {
+            continue;
+        }
+        imgUrl = window.URL.createObjectURL(file);
+        cg.createImage(imgUrl);
+    }
+
+}
 cg.saveImage = function(){
 	var data = c.toDataURL('png');
+       // $.ajax({
+       //   type: "POST",
+       //   url: 'https://lut.im',
+       //   data: data,
+       //   success: function(d){console.log(d);},
+       //   dataType: 'json'
+       // });
 	var win = window.open();
 	var b = win.document.body;
 	var img = new Image();
--- a/gege.css
+++ b/gege.css
@ -53,7 +53,7 @@ margin: 0;
 padding: 0;
 }

-h1, h2
+h1, h2, h3
 {
 text-transform: uppercase;
 background-color: transparent;
@ -87,10 +87,10 @@ color:#000;

 #wrapper
 {
-width: 1052px;
-margin:0 auto;
-margin-top: 60px;
-height: 602px;
+width: auto;
+margin:0;
+margin-top: 30px;
+height: auto;
 background-color: #d5b578;
 border:7px solid rgb(213, 181, 120);
 box-shadow:0 3px 10px black;
@ -212,7 +212,7 @@ padding: 0;

 footer
 {
-margin-top: 50px;
+margin-top: 10px;
 width: 100%;
 text-align: center;
 color: #273740;
@ -243,3 +243,17 @@ text-decoration: underline;
  position: fixed;

 }
+#newWidth, #newHeight{
+
+ width: 70px ;
+display : inline;
+}
+.upload{
+  margin-top: 20px;
+  margin-bottom: 20px;
+
+}
+
+input.file {
+  display:none;
+}
--- a/gege.js
+++ b/gege.js
@ -0,0 +1,52 @@
+
+checkCacheFunction = function() {
+	var webappCache = window.applicationCache;
+	
+	function loaded()
+	{
+		//var h1El = document.querySelector("h1");
+		var connectionStatus = ((navigator.onLine) ? 'online' : 'offline');
+		//h1El.textContent = h1El.textContent + " - currently: " + connectionStatus;
+
+		switch(webappCache.status)
+		{
+			case 0:
+				console.log("Cache status: Uncached");
+				break;
+			case 1:
+				console.log("Cache status: Idle");
+				break;
+			case 2:
+				console.log("Cache status: Checking");
+				break;
+			case 3:
+				console.log("Cache status: Downloading");
+				break;
+			case 4:
+				console.log("Cache status: Updateready");
+				break;
+			case 5:
+				console.log("Cache status: Obsolete");
+				break;
+		}
+
+	}
+
+	function updateCache()
+	{
+		webappCache.swapCache();
+		console.log("Cache has been updated due to a change found in the manifest");
+	}
+
+	function errorCache()
+	{
+		console.log("You're either offline or something has gone horribly wrong.");
+	}
+
+	window.addEventListener("load", loaded, false);
+	webappCache.addEventListener("updateready", updateCache, false);
+	webappCache.addEventListener("error", errorCache, false);
+
+}
+
+checkCacheFunction();
--- a/index.html
+++ b/index.html
@ -1,8 +1,9 @@
 <!DOCTYPE html>
-<html manifest="comicgen.appcache">
+<html>
 <head>
 <meta charset="UTF-8">
 <link rel="stylesheet" href="gege.css"/>
+
 <title>GéGé, Geektionnerd Generator</title>
 </head>
 <body>
@ -18,12 +19,14 @@
 	<p class="hidden">Geektionnerd Generator</p>
 			<div id="lib" class="rc">
 			<div><label for="newText"><span class="hidden">Saisissez votre bulle</span></label> <input type="text" id="newText" placeholder="Saisissez votre bulle" onkeypress="cg.createTextFromInput(event)"/></div>
-			</div>
+                        <div class="upload">
+                          <input type="file" accept="image/*" id="imageFileInput" class="file" multiple   onchange='cg.createImageFromInput(this)' />
+                        <h2 class="save"><a href="#" onclick="$('#imageFileInput').click();" title="Importer une ou plusieurs images">Importer une image</a></h2></div>
+                        </div>
 	</div>
 	
 <div id="hiddenObjs">
 	<div id="textTool" class="rc mini textTool" title="Ajouter du texte" onclick="cg.createText();">T</div>
-	
 	<div id="instructs" class="rc instructions">
 		<h2>Instructions</h2>
 		<ul>
@ -38,14 +41,15 @@
 	
 	<h2 class="save"><a href="javascript:cg.saveImage();" title="enregistrer l image">Enregistrer votre image</a></h2>
 <h2 class="last">Redimensionner la fenêtre</h2> 
-	<p><a href="javascript:cg.setScreen(800, 600)" title="choisir une autre taille d ecran" png">800x600</a> | 
-	<a href="javascript:cg.setScreen(640, 480)" title="choisir une autre taille d ecran">640x480</a> | 
-	<a href="javascript:cg.setScreen(320, 240)" title="choisir une autre taille d ecran">320x240</a></p>
+<br />
+<p> <input type="text" id="newWidth" placeholder="Largeur"/> x <input type="text" id="newHeight" placeholder="Hauteur"/> </p> 
+<br/>
+<h2 class="save"><a href="javascript:cg.setScreen($('#newWidth').val(), $('#newHeight').val())" class="save">Redimensionner</a> </h2>
 </div></div>
 <!-- fin tableau de bord -->

 	<div id="cscreen">
-		<canvas class="rc" id="c" width="800" height="600">
+		<canvas class="rc" id="c" crossorigin="anonymous" width="800" height="600">
 			Le générateur du GKND a besoin d'un navigateur récent et de javascript pour fonctionner.
 		</canvas>
 	</div>
@ -58,6 +62,7 @@
 <script type="text/javascript" src="jquery-1.5.2.min.js"></script>
 <script type="text/javascript" src="ragaboom.min.js"></script>
 <script type="text/javascript" src="comicgen.js"></script>
+<script type="text/javascript" src="gege.js"></script>

 </div>
 </body>
Author	SHA1	Message	Date
Luc Didry	e5d0225289	Merge branch 'canvasandupload' into 'master' Taille canvas dynamique et importation image See merge request !6	2017-09-21 13:03:49 +02:00
Valvin	612cf594fb	separate appcache js script detection	2017-09-21 12:53:01 +02:00
Valvin	5b77366f61	separate appcache js script detection	2017-09-21 12:52:38 +02:00
Valvin	1fdf60cf50	change title image upload	2017-09-19 22:48:37 +02:00
Valvin	dc05f97280	Remove remote url feature and replace it with upload file feature	2017-09-19 22:35:25 +02:00
Valvin	c9806da48f	remove bad log	2017-09-18 21:14:29 +02:00
Valvin	f737fe681d	Merge branch 'canvassize' into dev	2017-09-18 13:04:22 +02:00
Valvin	cc16c57f65	add index.html	2017-09-18 13:02:24 +02:00
Valvin	7ed8c47398	add crossOrigin parameter on image to fix PNG creation	2017-09-18 13:01:31 +02:00
Luc Didry	026180c7f3	Merge branch 'appcache' into 'master' Appcache : update files to cache and log in console See merge request !3	2017-09-18 08:21:28 +02:00
Valvin	7827fe5ec7	add image using url (all image format supported by canvas) add custom canvas size	2017-09-17 22:25:03 +02:00
Valvin	3faf647a76	change canvas size automatically depending the client screen resolution change some css rename index.php to index.html fix hover issue	2017-09-17 17:47:31 +02:00
Valvin	bc9db40874	update cache info with current files	2017-09-15 22:35:16 +02:00
Valvin	d44f2ae4b0	add appcache log info	2017-09-15 22:34:56 +02:00