- 浏览: 98766 次
- 性别:
- 来自: 北京
文章分类
最新评论
用dhtml和javascript画矢量图的英文版
German version
<script type="text/javascript">
<!--
var no_dhtm = (document.layers || window.opera && !document.defaultView);
function ZOOM()
{
if (document.body && document.body.style && typeof document.body.style.zoom != "undefined")
{
if (document.body.style.zoom=="400%")
document.body.style.zoom = "100%";
else
{
document.body.style.zoom = "400%";
alert('You/'ve doubleclicked on the document./nDoubleclick again to unzoom.');
}
}
}
document.ondblclick=ZOOM;
function DRAW(shape)
{
if (jg_n4 || window.opera && !document.defaultView)
{
alert('In Netscape 4 and Opera < version 7, the functionality/n"Draw into a canvas, even after the page has fully loaded" isn/'t available./nThese browsers can only draw directly into the document/nwhile the page is parsed.');
return;
}
if (window.event) event.cancelBubble = true;
var f=document.forms[0];
var color = ''+f.Color.value;
for (var z = 0; z<color.length; z++)
if (isNaN(parseInt(color.charAt(z), 16)))
color = color.substring(0, z) + '6' + color.substring(z+1);
var t0 = (new Date()).getTime();
jg2.setColor("#"+color);
jg2.setStroke(f.Dotted.checked? Stroke.DOTTED : parseInt(f.Stroke.value));
if (shape=="drawLine()")
jg2.drawLine(parseInt(f.dl_x1.value), parseInt(f.dl_y1.value), parseInt(f.dl_x2.value), parseInt(f.dl_y2.value));
else if (shape=="drawRect()")
jg2.drawRect(parseInt(f.dr_x.value), parseInt(f.dr_y.value), parseInt(f.dr_w.value), parseInt(f.dr_h.value));
else if(shape=="fillRect()")
jg2.fillRect(parseInt(f.fr_x.value), parseInt(f.fr_y.value), parseInt(f.fr_w.value), parseInt(f.fr_h.value));
else if(shape=="drawEllipse()")
jg2.drawEllipse(parseInt(f.do_x.value), parseInt(f.do_y.value), parseInt(f.do_w.value), parseInt(f.do_h.value));
else if(shape=="fillEllipse()")
jg2.fillEllipse(parseInt(f.fo_x.value), parseInt(f.fo_y.value), parseInt(f.fo_w.value), parseInt(f.fo_h.value));
else if(shape=="fillPolygon()")
{
var pgx = f.fp_x.value.split(',');
var pgy = f.fp_y.value.split(',');
var comm = '/n /nNote:/nValues must be separated with commas from each other.';
if (pgx.length!=pgy.length) alert('The number of x und y values must be equal.'+comm);
else
{
for (var z = 0; z<pgx.length; z++)
{
if (isNaN(pgx[z] = parseInt(pgx[z])) || isNaN(pgy[z] = parseInt(pgy[z])))
{
alert('Invalid x or y value.'+comm);
return;
}
}
jg2.fillPolygon(pgx, pgy);
}
}
jg2.paint();
var t1 = (new Date()).getTime() - t0;
jg3.clear();
jg3.setColor('#'+color);
jg3.setFont('verdana,geneva,sans-serif', '12px', Font.BOLD);
jg3.drawString(t1 + ' milliseconds', 0, 10);
jg3.paint();
}
var jg2=new jsGraphics("test");
var jg3 = new jsGraphics("dt");
function D()
{
var wc = (window.innerWidth? innerWidth
: (document.documentElement && document.documentElement.clientWidth)? document.documentElement.clientWidth
: (document.body && document.body.clientWidth)? document.body.clientWidth
: document.getElementsByTagName? document.getElementsByTagName('body')[0].offsetWidth
: 800) >>1;
var dy = no_dhtm? 115 : 0;
var jg = new jsGraphics(no_dhtm? null : "main");
jg.setColor("#ff9900");
jg.setFont("arial,helvetica,sans-serif", "11px", Font.PLAIN);
jg.drawString("<nobr>.drawEllipse( )<//nobr>",35, 180+dy);
jg.drawLine(62, 197+dy, 48, 234+dy);
jg.drawLine(48, 234+dy, 45, 224+dy);
jg.drawLine(49, 234+dy, 57, 228+dy);
jg.drawEllipse(16, 240+dy, 59, 130);
jg.setColor("#008800");
jg.drawOval((250+wc+300)>>1, 4+dy, 64, 64);
jg.drawString("These are not image files.<br>Shapes & text have been dynamically drawn with wz_jsgraphics.js.", ((wc+280)>>1)-60, 190+dy);
jg.setColor("#ff0099");
jg.drawLine(120, -60+dy, 265, 150+dy);
jg.drawString("<nobr>.drawLine( )<//nobr>", 190, 145+dy);
var polylx=new Array(420, ((wc+280)>>1)+250, ((wc+280)>>1)+120, (wc<<1)-100);
var polyly=new Array(160+dy, 110+dy, 350+dy, 450+dy);
jg.drawPolyline(polylx, polyly);
jg.drawString(".drawPolyline( )", ((wc+280)>>1)+126, 155+dy);
jg.setColor("#ffddaa");
jg.setStroke(5);
jg.drawPolygon(new Array(379, 385, 391, 410, 391, 385, 379, 360), new Array(19+dy, 0+dy, 19+dy, 25+dy, 31+dy, 50+dy, 31+dy, 25+dy));
jg.setStroke(1);
var polygx=new Array(177, 247, 115);
var polygy=new Array(24+dy, 45+dy, 140+dy);
jg.setColor("#0000cc");
jg.drawPolygon(polygx, polygy);
jg.drawString(".drawPolygon( )", 256, 30+dy);
jg.drawString(".fillEllipse( )", wc+214, 200+dy);
jg.setColor("#990099");
jg.drawRect(wc+280, dy, 40, 50);
jg.setStroke(Stroke.DOTTED);
jg.drawEllipse(wc+250, dy+86, 48, 60);
jg.setStroke(1);
jg.drawString("<nobr>.drawRect( )<//nobr>", wc+210, 20+dy);
jg.setColor("#ccddff");
jg.setStroke(5);
jg.drawOval(300, 110+dy, 80, 50);
jg.setStroke(1);
jg.fillEllipse(wc+285, 190+dy, 70, 40);
jg.fillOval(wc+292, 36+dy, 15, 15);
jg.setColor("#990099");
jg.drawOval(wc+292, 36+dy, 14, 14);
jg.setColor("#000033");
jg.fillRect(wc+295, 41+dy, 2, 2);
jg.fillRect(wc+302, 41+dy, 2, 2);
jg.drawLine(wc+295, 45+dy, wc+296, 46+dy);
jg.drawLine(wc+297, 47+dy, wc+301, 47+dy);
jg.drawLine(wc+301, 47+dy, wc+303, 45+dy);
jg.paint();
}
if(document.all && !document.getElementById)
{
window.onload = function()
{
window.setTimeout("D();", 100);
}
}
else D();
//-->
</script><!--script type="text/javascript" src="../scripts/wz_dragdrop.js"></script>
<script language="JavaScript" type="text/javascript">
<!-
SET_DHTML(CURSOR_MOVE, KEYDOWN_RESIZE, "test", "stairsdemo");
//->
</script-->
Home | DHTML-Drag&Drop-Library | Tooltips | Function-Grapher |
<nobr>.drawEllipse()</nobr>
These are not image files.
Shapes & text have been dynamically drawn with wz_jsgraphics.js.
Shapes & text have been dynamically drawn with wz_jsgraphics.js.
<nobr>.drawLine()</nobr>
.drawPolyline()
.drawPolygon()
.fillEllipse()
<nobr>.drawRect()</nobr>
|
|
|
|
Walter Zorn, Munich, 2005 visitors on www.walterzorn.com since 27. 12. 2002 |
相关推荐
dhtml and javascript英文原版书
DHTML&javascript 使用手册 动态 HTML (DHTML) 对象模型参考 DHTML 对象 DHTML 属性 DHTML 方法 DHTML 事件 DHTML 集合 HTML 参考 HTML 元素 HTML 字符集 样式表(CSS)参考 CSS 属性参考 CSS 长度单位参考...
用DHTML和Javascript制作网页特效
帮助文档 Css DHTML 手册 Javascript5.5语言参考
1.DHTML完全手册.chm 2.css滤镜手册.chm 3.JavaScript语言参考手册.chm 网页制作利器
DHTML文档,JAVASCRIPT文档
DHTML 手册javaScript.chm
javascript+dhtml学习资料
个人网上收集的较全说明书涵盖php dhtml html javascript css 等 网页开发必备说明书(第一部分)
JavaScript & DHTML Cookbook 中文版(第2版) 下载 Java学习者论坛提供 http://www.javaxxz.con
各类web开发所要用到的手册,css、vbscript、dhtml、javascript
JavaScript&DHTML.Cookbook_中文版_第2版.part1.rar www.uefirst.com/bbs 上的
JavaScript&DHTML.Cookbook_中文版_第2版.part2.rar www.uefirst.com/bbs 上的
DHTML 与 Javascript 学习,英文简单教程
博文链接:https://buaalijie.iteye.com/blog/143597
DHTML_and_JavaScript DHTML_and_JavaScript DHTML_and_JavaScript
动态网页全接触:DHTML-JavaScript.rar
包含了DHTML,JavaScript等文档和教材。
它运用了一些复杂的例子,说明如何处理验证表单数据、使用cookie、创建可移植的DHTML动画等常见任务。本书还包括详细的参考手册,涵盖了JavaScript的核心API、遗留的客户端API和W3C标准DOM API,记述了这些API中的每...
JavaScript+DHTML+CSS JavaScript+DHTML+CSS JavaScript+DHTML+CSS