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

color control styles

Browse source
This commit is contained in:
Bala Clark 2011-09-02 23:38:22 +02:00
parent b91914c288
commit effb313d3c
3 changed files with 94 additions and 59 deletions
Download patch file Download diff file Expand all files Collapse all files

80
lib/ComicBook.js
View file

@ -158,6 +158,7 @@ function ComicBook(id, srcs, opts) {
ComicBook.prototype.control = {
toolbar: $(document.createElement("div"))
.hide()
.attr("id", "cb-toolbar")
.addClass("cb-control")
.append(
@ -212,44 +213,47 @@ function ComicBook(id, srcs, opts) {
color: $(document.createElement("div"))
.attr("id", "cb-color")
.addClass("cb-control cb-floating")
.append("<label>brightness</label>")
.append($("<div id='cb-brightness'></div>").slider({
value: 0,
step: 10,
min: -1000,
max: 1000,
slide: function(event, ui) {
ComicBook.prototype.enhance.brightness({ brightness: ui.value });
}
}))
.append("<label>contrast</label>")
.append($("<div id='cb-contrast'></div>").slider({
value: 0,
step: 0.1,
min: 0,
max: 1,
slide: function(event, ui) {
ComicBook.prototype.enhance.brightness({ contrast: ui.value });
}
}))
.append("<label>sharpen</label>")
.append($("<div id='cb-sharpen'></div>").slider({
value: 0,
step: 0.1,
min: 0,
max: 1,
slide: function(event, ui) {
ComicBook.prototype.enhance.sharpen({ amount: ui.value });
}
}))
.append("<input type='checkbox' id='cb-desaturate' /> <label for='cb-desaturate'>Desaturate</label>")
.append("<button id='cb-reset' style='display:block'>reset</button>")
.css({
position: "absolute",
top: "40%",
left: "40%"
})
.draggable(),
.append("<label for='cb-sharpen'>Brightness</label>")
.append(
$("<div id='cb-brightness' class='cb-option'></div>").slider({
value: 0,
step: 10,
min: -1000,
max: 1000,
slide: function(event, ui) {
ComicBook.prototype.enhance.brightness({ brightness: ui.value });
}
})
)
.append("<label for='cb-sharpen'>Contrast</label>")
.append(
$("<div id='cb-contrast' class='cb-option'></div>").slider({
value: 0,
step: 0.1,
min: 0,
max: 1,
slide: function(event, ui) {
ComicBook.prototype.enhance.brightness({ contrast: ui.value });
}
})
)
.append("<label for='cb-sharpen'>Sharpen</label>")
.append(
$("<div id='cb-sharpen' class='cb-option'></div>").slider({
value: 0,
step: 0.1,
min: 0,
max: 1,
slide: function(event, ui) {
ComicBook.prototype.enhance.sharpen({ amount: ui.value });
}
})
)
.append(
$(document.createElement("div")).addClass("cb-option")
.append("<input type='checkbox' id='cb-desaturate' /> <label for='cb-desaturate'>Desaturate</label>")
.append("<button id='cb-reset'>reset</button>")
),
/**
* Page navigation