index.html

﻿<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <title>Kompresja RLE</title>
    <link rel="stylesheet" href="app.css" type="text/css" />
    <script type="text/javascript" src="http://canvg.googlecode.com/svn/trunk/rgbcolor.js"></script> 
	<script type="text/javascript" src="http://canvg.googlecode.com/svn/trunk/canvg.js"></script> 
	<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
    <script src="raphael.js"></script>
	<script src="svgfix-0.2.js"></script>
	<script src="app.js">
</script>
</head>
<body>
    <h1>Kompresja RLE</h1>

    <div id="svg_drawing">
</div> 
<canvas id="canvas" width="800px" height="600px" hidden="true" ></canvas>
    <script>
        var paper = Raphael("svg_drawing", 800, 600);


    </script>

    <div id="control"><form>
        <input id="rx" type="text" onkeyup="init(paper)" /> Ciąg danych do kompresji<br />
        <br />
        <input id="draw" type="button" value="Kompresuj" onclick="rle(paper)"/><br />
        <input id="save" type="button" value="Zapisz" onclick="toImg()"/><br />
		</form>		
    </div>
<script>rle()</script>
</body>
</html>