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

First Vesion

Browse Source 
git-svn-id: http://svg-edit.googlecode.com/svn/trunk@2 eee81c28-f429-11dd-99c0-75d572ba1ddd
This commit is contained in:
Narendra Sisodiya
2009-02-06 08:58:39 +00:00
parent af2ac0158b
commit cb3c73bbbf
40 changed files with 5447 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

59
svg-editor.html Normal file
View File

@@ -0,0 +1,59 @@
<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>
</head>
<body>
<table border="1">
<tr><td> Draw Your SVG image here </td><td> Control </td></tr>
<tr><td>
<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">
</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')">
<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()">
</br>
Select Stroke Color
<input type="button" title="select stroke color" id="colorSelectorStroke">
</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 type="button" value="empty fill" onclick="window.set_fill_color('none'); $('#colorSelectorFill').css('backgroundColor', '#ffffff');">
</div>
</td></tr></table>
</body>
</html>