Skip to content
Find file
Fetching contributors…
Cannot retrieve contributors at this time
110 lines (89 sloc) 2.34 KB
<?xml version="1.0" ?>
<html xmlns="">
<title>Random Testing</title>
<script type="text/javascript" src="target/scripts/zomby-runtime.js"></script>
<script type="text/javascript" src="src/main/javascript/zomby/support/jquery-1.2.3.js"></script>
<script type="text/javascript" src="src/main/javascript/zomby/support/jquery.create.js"></script>
<script type="text/javascript" src="src/main/javascript/zomby/support/jquery.rescope.js"></script>
<script type="text/javascript" src="src/main/javascript/zomby/support/jquery.throttle.js"></script>
<script type="text/javascript">
$(function() {
new zomby.editor.ui.Editor(document.getElementById("tester"));
<style type="text/css">
@namespace svg "";
#tester {
border:1px solid #CCC;
width: 800px;
height: 600px;
.tool-icon {
float: left;
margin: 2px;
width: 24px;
height: 24px;
border: 1px outset #CCC;
background: #EEE none no-repeat 50% 50%;
.select-tool-icon {
background-image: url(icons/select-rectangular.png);
.ellipse-tool-icon {
background-image: url(icons/krita_tool_ellipse.png);
.rectangle-tool-icon {
background-image : url(icons/krita_tool_rectangle.png);
.line-tool-icon {
background-image : url(icons/krita_tool_line.png);
.tool-icon-selected {
border-style: inset;
.tool-icon-hover {
background-color: #CCC;
.canvas {
position: absolute;
top: 100px;
left: 100px;
width: 600px;
height: 400px;
border: 1px solid #EEE;
.lasso {
border:1px dashed #CCC;
.lasso-toosmall {
border-color: red;
.selection-box {
border: 1px dashed #CCC;
color: #CCC;
.resize-handle {
position: absolute;
border:1px solid;
width: 8px;
height: 8px;
margin: -5px;
.resize-nw {top:0; left:0; cursor:nw-resize;}
.resize-n {top:0; left:50%; cursor:n-resize;}
.resize-ne {top:0; right:0; cursor:ne-resize;}
.resize-e {top:50%; right:0; cursor:e-resize;}
.resize-se {bottom:0; right:0; cursor:se-resize;}
.resize-s {bottom:0; left:50%; cursor:s-resize;}
.resize-sw {bottom:0; left:0; cursor:sw-resize;}
.resize-w {top:50%; left:0; cursor:w-resize;}
svg|svg {
-moz-user-select : none;
<div id="tester"></div>
Something went wrong with that request. Please try again.