Alnotz/bd-chapril
Alnotz/bd-chapril
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

add image using url (all image format supported by canvas)

Browse source 
add custom canvas size
This commit is contained in:
Valvin 2017-09-17 22:25:03 +02:00
parent 3faf647a76
commit 7827fe5ec7
2 changed files with 20 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
comicgen.js
View file

@ -1,8 +1,7 @@
var d = document; var d = document;
var cg = {}; var cg = {};
var w = window.innerWidth * 0.8; var w = parseInt(window.innerWidth * 0.8);
var h = window.innerHeight * 0.8;; var h = parseInt(window.innerHeight * 0.8);
console.log('size : ' + w + ' x ' + h);
var canvas = $('#c'); var canvas = $('#c');
canvas.attr('width',w).attr('height',h); canvas.attr('width',w).attr('height',h);
var c = canvas[0]; var c = canvas[0];
@ -11,6 +10,8 @@ var scene = new RB.Scene(c);
var fontFamily = "Domestic Manners, Arial, helvetica, sans serif"; var fontFamily = "Domestic Manners, Arial, helvetica, sans serif";
var pop = new Audio('pop.ogg'); var pop = new Audio('pop.ogg');
var currentObj = null; var currentObj = null;
$('#newWidth').val(w);
$('#newHeight').val(h);
scene.add( scene.rect(w, h, 'white') ); scene.add( scene.rect(w, h, 'white') );
scene.update(); scene.update();
@ -177,7 +178,17 @@ cg.createTextFromInput = function(e){
pop.play(); pop.play();
} }
} }
cg.createImageFromInput= function(e){
var key = e.keyCode || e.which;
var imgUrl = $('#newImgUrl').val();
if(key == 13){
cg.createImage(imgUrl);
$('#newImgUrl').val('');
}
}
cg.saveImage = function(){ cg.saveImage = function(){
var data = c.toDataURL('png'); var data = c.toDataURL('png');
// $.ajax({ // $.ajax({

7
gege.css
View file

@ -53,7 +53,7 @@ margin: 0;
padding: 0; padding: 0;
} }
h1, h2 h1, h2, h3
{ {
text-transform: uppercase; text-transform: uppercase;
background-color: transparent; background-color: transparent;
@ -243,3 +243,8 @@ text-decoration: underline;
position: fixed; position: fixed;
} }
#newWidth, #newHeight{
width: 70px ;
display : inline;
}