<html>
<head>
<script type="text/javascript" src="wz_jsgraphics.js"></script>
</head>
<body>
aaa
<div id="myCanvas" style="position:relative;height:250px;width:100%;"></div>
bbb
<div id="anotherCanvas" style="position:relative;height:100px;width:300px;"></div>
ccc
<script type="text/javascript">
<!--
function myDrawFunction()
{
jg_doc.setColor("#00ff00"); // green
jg_doc.fillEllipse(100, 200, 100, 180); // co-ordinates related to the document
jg_doc.setColor("maroon");
jg_doc.drawPolyline(new Array(50, 10, 120), new Array(10, 50, 70));
jg_doc.paint(); // draws, in this case, directly into the document
jg.setColor("#ff0000"); // red
jg.drawLine(10, 113, 220, 55); // co-ordinates related to "myCanvas"
jg.setColor("#0000ff"); // blue
jg.fillRect(110, 120, 30, 60);
jg.paint();
jg2.setColor("#0000ff"); // blue
jg2.drawEllipse(10, 50, 30, 100);
jg2.drawRect(400, 10, 100, 50);
jg2.paint();
}
var jg_doc = new jsGraphics(); // draw directly into document
var jg = new jsGraphics("myCanvas");
var jg2 = new jsGraphics("anotherCanvas");
myDrawFunction();
//-->
</script>
</body>
</html>
java script 画图函数包 wz_jsgraphics.js 3.03
4星 · 超过85%的资源 需积分: 18 167 浏览量
2009-01-15
15:33:03
上传
评论 3
收藏 39KB RAR 举报 
JS_graphics.rar （13个子文件） 
DHTML Draw Line, Ellipse, Oval, Circle, Polyline, Polygon, Triangle with JavaScript.htm 69KB wz_jsgraphics.js 23KB
test_jsgraphics.html 1KB
DHTML Draw Line, Ellipse, Oval, Circle, Polyline, Polygon, Triangle with JavaScript.files 
x-click-but04.gif 2KB wz_jsgraphics.js 23KB walterzorn.js 390B germany.gif 185B transparentpixel.gif 43B filloval.gif 1KB pixel.gif 43B newwalterzorn.css 3KB logo.gif 3KB cnt.gif 672B
评论5