jQuery-9-Patch/index.html at master · blackmonkey/jQuery-9-Patch · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
	<title>9 Patch Image</title>

	<link rel="stylesheet" type="text/css" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/themes/smoothness/jquery-ui.css">
	<link rel="stylesheet" type="text/css" href="css/index.css">

	<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
	<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
	<script type="text/javascript" src="js/9patch.min.js"></script>
	<script type="text/javascript">
	$(function() {
		$( "#center_content" ).resizable({minWidth:450, minHeight:350});
	});
	</script>
</head>

<body>
	<div id="center_content" class="ui-widget-content">
		<div id="inner_content">
			<div id="fork_me">
				<a href="https://github.com/blackmonkey/jQuery-9-Patch" target="_blank"><img src="img/fork-me.png" /></a>
			</div>
			<h1>9 Patch Image Usage</h1>
			<p>This file was generated with javascript from 9-patch image files</p>
			<p>Read more about <a href="http://developer.android.com/guide/topics/graphics/2d-graphics.html#nine-patch" target="_blank">9Patch images</a></p>
			<ul>
				<li>
					Contributors:
					<div class="contributor"><a href="https://github.com/chrislondon/">Chris London</a></div>
					<div class="contributor"><a href="https://github.com/rpendleton">Ryan Pendleton</a></div>
					<div class="contributor"><a href="https://stackoverflow.com/users/2154661/ronald-coarite">Ronald Coarite</a></div>
					<div class="contributor"><a href="https://stackoverflow.com/users/2773060/tom-swifty">Tom Swifty</a></div>
					<div class="contributor"><a href="https://github.com/blackmonkey">Oscar Cai</a></div>
				</li>
			</ul>

			<p>Original 9-patch images:</p>
			<img src="img/test.9.png" />
			<img src="img/test_multipart.9.png" />

			<div id="drag_corner">Drag this corner to resize! jQuery.resizable()</div>
		</div>
	</div>
</body>
</html>