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

Start of Layers UI (Issue 73) - completely nonfunctional at this point

Browse Source 
git-svn-id: http://svg-edit.googlecode.com/svn/trunk@664 eee81c28-f429-11dd-99c0-75d572ba1ddd
This commit is contained in:
Jeff Schiller
2009-09-20 23:04:57 +00:00
parent d0101dbc84
commit 705e18d9ab
3 changed files with 53 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

35
editor/svg-editor.css
View File

@@ -75,10 +75,41 @@ body {
top: 75px;
bottom: 60px;
right: 0px;
width: 150px;
border-color: blue;
width: 126px;
border-color: #808080;
border-style: solid;
border-width: 1px;
overflow-y: scroll;
padding-left: 12px;
padding-right: 12px;
margin: 0px;
}
#svg_editor #layerbuttons {
margin: 0px;
padding: 0px;
width: 110px;
height: 20px;
border-right: 1px solid #FFFFFF;
border-bottom: 1px solid #FFFFFF;
border-left: 1px solid #808080;
border-top: 1px solid #808080;
}
#svg_editor .layer_button {
width: 15px;
height: 15px;
padding: 1px;
border-left: 1px solid #FFFFFF;
border-top: 1px solid #FFFFFF;
border-right: 1px solid #808080;
border-bottom: 1px solid #808080;
cursor: pointer;
}
#svg_editor #layerlist {
margin: 0px;
width: 110px;
}
#svg_editor div.palette_item {

28
editor/svg-editor.html
View File

@@ -34,11 +34,21 @@
</div>
<div id="sidepanels">
<p><b>TODO: Side Panels go here.</b></p>
<p><b>By default, this panel will be collapsed. It will be expandable by some button/handle.</b></p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<div id="layerpanel">
<h3>Layers</h3>
<fieldset id="layerbuttons">
<img id="layer_new" class="layer_button" src="images/clear.png" alt="New Layer" title="New Layer"></img>
<img id="layer_delete" class="layer_button" src="images/delete.png" alt="Delete Layer" title="Delete Layer"></img>
</fieldset>
<select id="layerlist" size="20" multiple="multiple">
<option value="Layer_1" selected="selected">Layer 1</option>
</select>
<p><b>By default, this panel will be collapsed. It will be expandable by some button/handle.</b></p>
</div>
</div>
<div id="logo">
@@ -325,12 +335,12 @@
<button id="tool_docprops_save">Save</button>
<button id="tool_docprops_cancel">Cancel</button>
<div id="change_background">
<fieldset id="change_background">
<label>Canvas Background:</label>
<div id="bkgnd_color" class="color_block" title="Change background color/opacity"></div>
</div>
</fieldset>
<div id="change_resolution">
<fieldset id="change_resolution">
<label>Resolution:</label>
<select id="resolution" label="Resolution:">
<option selected="selected">640x480</option>
@@ -341,7 +351,7 @@
<option>Fit to Content</option>
<option>Custom</option>
</select>
</div>
</fieldset>
</div>
</div>
</div>

1
editor/svgcanvas.js
View File

@@ -24,6 +24,7 @@ var svgWhiteList = {
"stop": ["id", "offset", "stop-color", "stop-opacity"],
"svg": ["id", "height", "transform", "viewBox", "width", "xmlns", "xmlns:xlink"],
"text": ["fill", "fill-opacity", "font-family", "font-size", "font-style", "font-weight", "id", "opacity", "stroke", "stroke-dasharray", "stroke-linecap", "stroke-linejoin", "stroke-opacity", "stroke-width", "transform", "text-anchor", "x", "y"],
"title": [],
};
function SvgCanvas(c)