📄 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 cellpadding="8"><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="90" height="30" align="top" >
<param name="bgcolor" value="#C0CAC0">
<param name="columns" value="3">
<param name="system" value="clear,undo,redo" >
</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>
</td>
<td valign="top">
<p>
<form name="saveform" method="post" action="save.jsp" onsubmit="return prepareData();">
Text notes<br>
<textarea name="notes" cols="32" rows="6"></textarea><br>
<input type="hidden" name="image" value="">
<p><input type="submit" value="Save"></p>
</form>
<script language="JavaScript"><!--
// This function is called when the user presses "Send" button
function prepareData()
{
var form = document.saveform; // reference to HTML form
var canvas = document.applets["canvas"];
if (canvas.IsChanged()) {
// Extract image from the Canvas
var image = canvas.GetImage("png");
if (image != "") {
form.image.value = image; // assign it to "image" field
return true;
}
else {
window.alert("Error while extracting image\n");
return false;
}
}
else {
window.alert('Image was not changed. There is nothing to save');
return false;
}
}
// --></script>
<p> </p>
<font size="-1">
<p>The documenation sections related to this example:
<ul>
<li><a href="../doc/saving.htm#javascript">About the JavaScript+HTML form saving method</a></li>
<li><a href="../doc/pubfuncs.htm">About public functions of the DrawCanvas applet</a></li>
</ul>
</p>
</font>
</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>
</body>
</html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -