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

added stroke style 

git-svn-id: http://svg-edit.googlecode.com/svn/trunk@14 eee81c28-f429-11dd-99c0-75d572ba1ddd
master
Pavol Rusnak 2009-06-01 22:01:07 +00:00
parent 750fce2357
commit 47dafac24c
3 changed files with 30 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
canvas.js
View File

@ -21,8 +21,9 @@ function SvgCanvas(doc)
var rect_y = null;
var current_draw_element = "path";
var current_draw_element_fill = "none";
var current_draw_element_stroke_width = "1px";
var current_draw_element_stroke = "black";
var current_draw_element_stroke_width = "1px";
var current_draw_element_stroke_style = "0";
var freehand_min_x = null;
var freehand_max_x = null;
var freehand_min_y = null;
@ -123,6 +124,7 @@ function SvgCanvas(doc)
"fill": "none",
"stroke": current_draw_element_stroke,
"stroke-width": current_draw_element_stroke_width,
"stroke-dasharray": current_draw_element_stroke_style,
"stroke-opacity": 0.5
}
});
@ -142,6 +144,7 @@ function SvgCanvas(doc)
"fill": "none",
"stroke": current_draw_element_stroke,
"stroke-width": current_draw_element_stroke_width,
"stroke-dasharray": current_draw_element_stroke_style,
"stroke-opacity": 0.5
}
});
@ -161,6 +164,7 @@ function SvgCanvas(doc)
"fill": "none",
"stroke": current_draw_element_stroke,
"stroke-width": current_draw_element_stroke_width,
"stroke-dasharray": current_draw_element_stroke_style,
"stroke-opacity": 0.5
}
});
@ -181,6 +185,7 @@ function SvgCanvas(doc)
"fill": current_draw_element_fill,
"stroke": current_draw_element_stroke,
"stroke-width": current_draw_element_stroke_width,
"stroke-dasharray": current_draw_element_stroke_style,
"fill-opacity": 0.5,
"stroke-opacity": 0.5
}
@ -198,6 +203,7 @@ function SvgCanvas(doc)
"id": "line_" + obj_num,
"stroke": current_draw_element_stroke,
"stroke-width": current_draw_element_stroke_width,
"stroke-dasharray": current_draw_element_stroke_style,
"stroke-opacity": 0.5
}
});
@ -216,6 +222,7 @@ function SvgCanvas(doc)
"fill": current_draw_element_fill,
"stroke": current_draw_element_stroke,
"stroke-width": current_draw_element_stroke_width,
"stroke-dasharray": current_draw_element_stroke_style,
"fill-opacity": 0.5,
"stroke-opacity": 0.5
}
@ -368,7 +375,8 @@ function SvgCanvas(doc)
"id": "ellipse_" + obj_num,
"fill": current_draw_element_fill,
"stroke": current_draw_element_stroke,
"stroke-width": current_draw_element_stroke_width
"stroke-width": current_draw_element_stroke_width,
"stroke-dasharray": current_draw_element_stroke_style
}
});
obj_num++;
@ -387,7 +395,8 @@ function SvgCanvas(doc)
"id": "rect_" + obj_num,
"fill": current_draw_element_fill,
"stroke": current_draw_element_stroke,
"stroke-width": current_draw_element_stroke_width
"stroke-width": current_draw_element_stroke_width,
"stroke-dasharray": current_draw_element_stroke_style
}
});
obj_num++;
@ -430,10 +439,14 @@ function SvgCanvas(doc)
current_draw_element_fill = color;
}
this.setStrokeColor = function(val) {
this.setStrokeWidth = function(val) {
current_draw_element_stroke_width = val;
}
this.setStrokeStyle = function(val) {
current_draw_element_stroke_style = val;
}
this.setup = function(evt) {
assignAttributes(svgroot, {
"onmouseup": "canvas.mouseUp(evt)",

10
svg-editor.html
View File

@ -35,7 +35,7 @@
</div>
<div>Stroke
<div id="stroke_color"></div>
<select id="stroke_width">
<option selected="selected" value="1px">1px</option>
<option value="2px">2px</option>
@ -43,7 +43,13 @@
<option value="5px">5px</option>
<option value="7px">7px</option>
</select>
<div id="stroke_color"></div>
<select id="stroke_style">
<option selected="selected" value="none">-----</option>
<option value="2,2">.....</option>
<option value="5,5">- - -</option>
<option value="5,2,2,2">- . -</option>
<option value="5,2,2,2,2,2">- .. -</option>
</select>
</div>

6
svg-editor.js
View File

@ -8,7 +8,11 @@ $(document).ready(function(){
$('#palette').append(str);
$('#stroke_width').change(function(){
SvgCanvas.setStrokeColor(this.options[this.selectedIndex].value);
SvgCanvas.setStrokeWidth(this.options[this.selectedIndex].value);
});
$('#stroke_style').change(function(){
SvgCanvas.setStrokeStyle(this.options[this.selectedIndex].value);
});
$('.palette_item').click(function(){