yetangitu/canvas-based-HTML5-Comic-Book-Reader
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

progress bar

Browse source
This commit is contained in:
Bala Clark 2015-07-18 20:20:02 +02:00
parent 7ddb94ad77
commit 33c57f75dc
11 changed files with 1705 additions and 2369 deletions
Download patch file Download diff file Expand all files Collapse all files

46
app/index.js
View file

@ -1,30 +1,20 @@
// let ComicBook = window.ComicBook = require('./comic-book')
let Canvas = require('./view/canvas')
let canvas = new Canvas({ zoomMode: 'fitWidth' })
/*
let image = new window.Image()
image.onload = () => {
canvas.drawImage(image)
document.body.appendChild(canvas.canvas)
}
image.src = 'https://raw.githubusercontent.com/balaclark/HTML5-Comic-Book-Reader/master/examples/goldenboy/goldenboy_01.jpg'
*/
let ComicBook = window.ComicBook = require('./comic-book')
let comic = new ComicBook([
'https://raw.githubusercontent.com/balaclark/HTML5-Comic-Book-Reader/master/examples/goldenboy/goldenboy_00.jpg',
'https://raw.githubusercontent.com/balaclark/HTML5-Comic-Book-Reader/master/examples/goldenboy/goldenboy_01.jpg',
'https://raw.githubusercontent.com/balaclark/HTML5-Comic-Book-Reader/master/examples/goldenboy/goldenboy_02.jpg',
'https://raw.githubusercontent.com/balaclark/HTML5-Comic-Book-Reader/master/examples/goldenboy/goldenboy_03.jpg',
'https://raw.githubusercontent.com/balaclark/HTML5-Comic-Book-Reader/master/examples/goldenboy/goldenboy_04.jpg',
'https://raw.githubusercontent.com/balaclark/HTML5-Comic-Book-Reader/master/examples/goldenboy/goldenboy_05.jpg',
'https://raw.githubusercontent.com/balaclark/HTML5-Comic-Book-Reader/master/examples/goldenboy/goldenboy_06.jpg',
'https://raw.githubusercontent.com/balaclark/HTML5-Comic-Book-Reader/master/examples/goldenboy/goldenboy_07.jpg',
'https://raw.githubusercontent.com/balaclark/HTML5-Comic-Book-Reader/master/examples/goldenboy/goldenboy_08.jpg',
'https://raw.githubusercontent.com/balaclark/HTML5-Comic-Book-Reader/master/examples/goldenboy/goldenboy_09.jpg',
'https://raw.githubusercontent.com/balaclark/HTML5-Comic-Book-Reader/master/examples/goldenboy/goldenboy_10.jpg'
])
let testImages = require('../test/data')
let fixtureImages = require('../test/fixture')
let imagediff = require('imagediff')
testImages.portrait1((testImage) => {
fixtureImages.singlePortrait((fixtureImage) => {
canvas.drawImage(testImage)
console.log(imagediff.equal(canvas.canvas, fixtureImage))
console.log(testImage.width, testImage.height)
console.log(fixtureImage.width, fixtureImage.height)
console.log(canvas.canvas.width, canvas.canvas.height)
document.body.appendChild(canvas.canvas)
})
})
document.addEventListener('DOMContentLoaded', () => {
document.body.appendChild(comic.render().el)
comic.preload()
}, false)