📄 edit.htm
字号:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Online image editor. J-Painter.</title>
</head>
<style>
body { font-family: Helvetica; font-size: 10pt; }
table { font-family: Helvetica; font-size: 10pt; }
</style>
<body bgcolor="#C0C0CA">
<table><tr><td valign="top">
<table border="1" bgcolor="#C0CAC0">
<tr><td colspan="2">
<table width="100%"><tr>
<td><applet code="ControlPanel.class" codebase="../applet/" archive="painter.jar"
width="120" height="30" align="top" >
<param name="bgcolor" value="#C0CAC0">
<param name="columns" value="4">
<param name="system" value="clear,undo,redo,save" >
<param name="save" value="post.php" >
<param name="method" value="base64" >
<param name="progresstext" value="Saving in progress. Please wait...">
</applet></td>
<td><input type="button" value="Help" onclick="window.open('../applet/help.htm','help','width=350, height=480');"></td>
<td align="right"><applet code="FontPanel.class" codebase="../applet/" archive="painter.jar"
width="200" height="48" align="top" >
<param name="bgcolor" value="#C0CAC0">
<param name="controls" value="font_faces, font_sizes, font_styles, text_alignment, callout_shapes">
<param name="font_faces" value="Serif,SansSerif,Monospaced,Dialog" >
<param name="font_sizes" value="12,16,24,36,48,96" >
<param name="callout_bgcolor" value = "#FFFF00">
</applet></td>
</tr>
</table>
</td></tr>
<tr>
<td><table border="0" cellpadding="1">
<tr><td bgcolor="#000000"><applet name="canvas" code="DrawCanvas.class" codebase="../applet/" archive="painter.jar"
width="400" height="300" align="baseline" >
<param name="load" value="image0.png">
<param name="error_page" value="error.htm" >
Your browser doesn't support java.
</applet></td>
</tr></table></td>
<td valign="top">
<!-- Tool Panel -->
<applet code="ControlPanel.class" codebase="../applet/" archive="painter.jar"
width="140" height="84" >
<param name="bgcolor" value="#C0CAC0">
<param name="rows" value="3">
<param name="columns" value="5">
<param name="tools" value="curve,line,rect,oval,round_rect,
area,polygon,rect_filled,oval_filled,round_rect_filled,
eraser,select_polygon,select_rect,flood_fill,text">
<param name="default" value="curve">
</applet>
<!-- Arrows tool Panel -->
<div align="right">
<applet code="ControlPanel.class" codebase="../applet/" archive="painter.jar"
width="84" height="28" >
<param name="bgcolor" value="#C0CAC0">
<param name="rows" value="1">
<param name="columns" value="3">
<param name="tools" value="arrow1,arrow2,arrow3">
<param name="default" value="curve">
</applet></div>
<br>
<!-- Pen Panel -->
<applet code="ControlPanel.class" codebase="../applet/" archive="painter.jar"
width="120" height="40" >
<param name="bgcolor" value="#C0CAC0">
<param name="rows" value="2">
<param name="columns" value="6">
<param name="pens" value="thin, thick_rect2, thick_round1, pen_up_right, spray, dotted_thin,
thick_rect1, thick_round2, thick_rect3, pen_down_right, pale, dotted_thick">
<param name="default" value="thin">
</applet>
<br> <br>
<!-- Color Panel -->
<applet code="ControlPanel.class" codebase="../applet/" archive="painter.jar"
width="140" height="120" >
<param name="bgcolor" value="#C0CAC0">
<param name="columns" value="7">
<param name="rows" value="6">
<param name="colors" value="
#ffc0c0,#ff8080,#ff0000,#c08080,#c00080,#c00000,#800000,
#ffffff,#ffffc0,#ffff00,#ffc000,#c0c000,#c08000,#808000,
#c0ffc0,#c0ff00,#00ff00,#00c000,#008000,#008080,#808080,
#c0ffff,#00ffc0,#00ffff,#c0c0c0,#00c0c0,#8080c0,#800080,
#00c0ff,#0080ff,#0000ff,#0080c0,#0000c0,#000080,#000000,
#ffc0ff,#c0c0ff,#ff00ff,#ff00c0,#c000ff,#c000c0,#8000c0">
<param name="default" value="#000000">
</applet>
</td>
</tr>
</table>
<p>
<applet code="ControlPanel.class" codebase="../applet/" archive="painter.jar"
width="280" height="48" >
<param name="bgcolor" value="#C0C0CA">
<param name="columns" value="5">
<param name="clips" value="flower.gif,cherry.gif,ladybird.gif,carrot.gif,apple.gif" >
<param name="icondir" value="clipart/">
</applet>
<applet code="ControlPanel.class" codebase="../applet/" archive="painter.jar"
width="100" height="50" >
<param name="bgcolor" value="#C0C0CA">
<param name="columns" value="2">
<param name="clips" value="photo1.jpg,photo2.jpg" >
<param name="insertat" value="0,0">
<param name="icondir" value="clipart/">
</applet>
</p>
<p>
<applet code="ControlPanel.class" codebase="../applet/" archive="painter.jar"
width="288" height="36" >
<param name="bgcolor" value="#C0C0CA">
<param name="columns" value="8">
<param name="clips" value="horizontal.gif,vertical.gif,grid.gif,diag.gif,diag2.gif,dots.gif,bricks.gif,glass.gif" >
<param name="colorable" value="horizontal.gif,vertical.gif,grid.gif,diag.gif,diag2.gif,dots.gif,bricks.gif,glass.gif" >
<param name="tile" value="horizontal.gif,vertical.gif,grid.gif,diag.gif,diag2.gif,dots.gif,bricks.gif,glass.gif" >
<param name="insertat" value="180,260">
<param name="icondir" value="pattern/">
</applet>
</p>
</td>
<td valign="top">
<h4>How does it work</h4>
<ol>
<li>When the user presses <img src="../applet/icons/104.gif"> button, the applet sends image
to the script pointed by the parameter "save":
<pre><param name="save" value="post.php"></pre>
The applet makes a request to the "post.php" in the same way like an ordinary HTML form
like this:
<pre>
<form>
<input type=text name="image">
</form>
</pre>
The image has PNG graphic format and extra encoded by <a href="../doc/base64.htm">BASE64</a> method
to perform it a sequence of printable character. This 'text' is assigned to the field "image".
<br> </li>
<li>The "post.php" decodes image data from BASE64 and saves it to the file "image.png".
Then it outputs a special <a href="../doc/saving.htm#commands">command</a> (to the applet)
which redirects the browser to the page "view.php".
</ol>
<p><b>Note</b> The "post.php" tries to save the image to the example's directory at your server,
so you have to ensure write permission for this directory before trying the example.
</p>
<p>If nothing happens when you press the button <img src="../applet/icons/104.gif"> try the
<a href="javascript:void(0);"
onclick="window.open('debug.htm','debug','width=600, height=500, scrollbars=yes, resizable=yes');"><b><nobr>Debug form</nobr></b></a>
</p>
</td>
</tr>
</table>
</body>
</html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -