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

import 2.0 into trunk

Browse Source 
git-svn-id: http://svg-edit.googlecode.com/svn/trunk@10 eee81c28-f429-11dd-99c0-75d572ba1ddd
This commit is contained in:
Pavol Rusnak
2009-06-01 15:55:21 +00:00
parent 76c17ae3e8
commit 6b2ff6f7f7
63 changed files with 811 additions and 9867 deletions
Download Patch File Download Diff File Expand all files Collapse all files

105
svg-editor.html
View File

@@ -1,70 +1,69 @@
<html>
<head>
<script src="jquery-1.3.js" type="text/javascript"></script>
<link rel="stylesheet" media="screen" type="text/css" href="colorpicker/css/colorpicker.css" />
<script type="text/javascript" src="colorpicker/js/colorpicker.js"></script>
<script language="JavaScript" type="text/javascript" src="SvgEditor.js"></script>
<script language="javascript" type="text/javascript" src="simple-colorpicker/jquery.colorPicker.js"/></script><link rel="stylesheet" href="simple-colorpicker/colorPicker.css" type="text/css" />
<link rel="stylesheet" href="svg-editor.css" type="text/css"/>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.rightClick.js"></script>
<script type="text/javascript" src="svg-editor.js"></script>
</head>
<body>
<div id="svg_editor">
<table border="1">
<tr><td> Draw Your SVG image here </td><td> Control </td></tr>
<tr><td>
<div id="tools">
<div>
<object data="blank.svg" type="image/svg+xml" width="350px" height="360px">
<embed src="blank.svg" type="image/svg+xml" width="350px" height="360px">
<img class="tool_button" id="tool_select" src="select.png" />
<img class="tool_button" id="tool_path" src="path.png" />
<img class="tool_button" id="tool_line" src="line.png" />
<br/>
<img class="tool_button" id="tool_square" src="rect.png" />
<img class="tool_button" id="tool_rect" src="rect.png" />
<img class="tool_button" id="tool_fhrect" src="rect.png" />
<br/>
<img class="tool_button" id="tool_circle" src="circle.png" />
<img class="tool_button" id="tool_ellipse" src="circle.png" />
<img class="tool_button" id="tool_fhellipse" src="circle.png" />
<br/>
<img class="tool_button" id="tool_delete" src="delete.png" />
<img class="tool_button" id="tool_clear" src="clear.png" />
<img class="tool_button" id="tool_submit" src="submit.png" />
</div>
<div>Fill
<div id="fill_color"></div>
</div>
<div>Stroke
<select id="stroke_width">
<option selected="selected" value="1px">1px</option>
<option value="2px">2px</option>
<option value="3px">3px</option>
<option value="5px">5px</option>
<option value="7px">7px</option>
</select>
<div id="stroke_color"></div>
</div>
</div>
<div id="workarea">
<div id="canvas">
<object class="canvas" data="blank.svg" type="image/svg+xml">
<embed class="canvas" src="blank.svg" type="image/svg+xml" />
</object>
</div>
</td><td>
<div id="control_box">
<input type="button" value="clear" onclick="window.clear_svg()">
<input type="button" value="path" onclick="window.set_draw_mode('path')">
<input type="button" value="rect" onclick="window.set_draw_mode('rect')">
<input type="button" value="line" onclick="window.set_draw_mode('line')">
</br>
<input type="button" value="circle" onclick="window.set_draw_mode('ellipse')">
<input type="button" value="freehandcircle" onclick="window.set_draw_mode('freehandcircle')">
<input type="button" value="save" onclick="window.submit_svg()">
<input type="button" value="delete" onclick="window.set_draw_mode('delete')">
</br>
Select Stroke Color
<input type="button" title="select stroke color" id="colorSelectorStroke">
<input id="color1" type="text" name="color1" value="#333399" onchange="window.set_stroke_color(this.value); var col = this.value ; f1(col);"/></div>
</br>
Stroke Width <select onchange="window.set_stroke_width(this.options[this.selectedIndex].value )" id="linewidth">
<option value="1px">1px</option>
<option value="2px">2px</option>
<option value="3px">3px</option>
<option value="5px">5px</option>
<option value="7px">7px</option>
</select>
</br>
Select Fill Color
<div title="select fill color" id="colorSelectorFill"></div>
<input id="color2" type="text" name="color2" value="#333399" onchange="window.set_fill_color(this.value); var col = this.value ; $('#colorSelectorFill').ColorPickerSetColor(col);" /></div>
<input type="button" value="empty fill" onclick="window.set_fill_color('none'); $('#colorSelectorFill').css('backgroundColor', '#ffffff');">
<div id="palette_holder">
<div id="palette">
</div>
</div>
</br>
</div>
</div>
</td></tr></table>
</body>
</html>