zcy
/
websch
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

color box switch works now

master
Mark MacKay 2021-02-22 09:01:18 -06:00
parent c60b28babd
commit 9c48896059
1 changed files with 18 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
src/js/PaintBox.js
View File

@ -1,5 +1,5 @@
MD.PaintBox = function(container, type){ MD.PaintBox = function(container, type){
var _self = this;
var colorPicker = function(elem) { var colorPicker = function(elem) {
var picker = elem[0].id == 'stroke_color' ? 'stroke' : 'fill'; var picker = elem[0].id == 'stroke_color' ? 'stroke' : 'fill';
var is_background = elem[0].id == "canvas_color" var is_background = elem[0].id == "canvas_color"
@ -59,6 +59,23 @@ MD.PaintBox = function(container, type){
colorPicker($('#canvas_color')); colorPicker($('#canvas_color'));
}); });
$('#tool_switch').on("click touchstart", function(){
var stroke_rect = document.querySelector('#tool_stroke rect');
$("#tool_stroke").toggleClass('active')
$("#tool_fill").toggleClass('active')
var fill_rect = document.querySelector('#tool_fill rect');
var fill_color = fill_rect.getAttribute("fill");
var stroke_color = stroke_rect.getAttribute("fill");
var stroke_opacity = parseFloat(stroke_rect.getAttribute("stroke-opacity"));
if (isNaN(stroke_opacity)) {stroke_opacity = 100;}
var fill_opacity = parseFloat(fill_rect.getAttribute("fill-opacity"));
if (isNaN(fill_opacity)) {fill_opacity = 100;}
var stroke = _self.getPaint(stroke_color, stroke_opacity, "stroke");
var fill = _self.getPaint(fill_color, fill_opacity, "fill");
editor.paintBox.fill.setPaint(stroke, true);
editor.paintBox.stroke.setPaint(fill, true);
});
function createBackground(fill) { function createBackground(fill) {
const res = svgCanvas.getResolution(); const res = svgCanvas.getResolution();
svgCanvas.createLayer("background"); svgCanvas.createLayer("background");