兼容FireFox 用javascript写的一个画图函数
2007-08-28 20:39
603 查看
早晨醒来突然想写一个画图函数,以前在网上看到有人做过,但都是用VML做的,只有ie支持。
偶这个是用<div>形成的绝对定位的点画出来的,兼容各种浏览器。
Untitled 1 .style1 { font-size: x-small; } ") } /** 函数功能:根据给定的圆心和半径画圆 函数思路:根据半径及圆心坐标利用数学方法计算从0°到360°的每点的坐标,并画出来。 */ function circle(x,y,r){ //(x,y)圆心,r半径 var dotx,doty,radio; var Pi=Math.PI; makedot(x,y); for(var i=0;ix2){ for(var i=0;i>diff;i--){ makedot(x1+i,y1+slope*i); } }else{ //画垂直线 var temp=y2-y1; if(temp>0){ for(var i=0;itemp;i--){ makedot(x1,y1+i); } } } } /** 函数功能:根据给定的三点坐标画三角形 函数思路:直接利用画线函数画三条线即可 */ function triangle(x1,y1,x2,y2,x3,y3){ line(x1,y1,x2,y2); line(x2,y2,x3,y3); line(x1,y1,x3,y3); } /** 函数功能:根据给定的一系列坐标点画多边形 函数思路:循环读取坐标点,在当前坐标点与下一坐标点之间连线 */ function polygon(){ var args=arguments.length; if(args%2!=0) return -1; var realargs=args/2; //坐标个数 for(var i=0;i
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
偶这个是用<div>形成的绝对定位的点画出来的,兼容各种浏览器。
Untitled 1 .style1 { font-size: x-small; } ") } /** 函数功能:根据给定的圆心和半径画圆 函数思路:根据半径及圆心坐标利用数学方法计算从0°到360°的每点的坐标,并画出来。 */ function circle(x,y,r){ //(x,y)圆心,r半径 var dotx,doty,radio; var Pi=Math.PI; makedot(x,y); for(var i=0;ix2){ for(var i=0;i>diff;i--){ makedot(x1+i,y1+slope*i); } }else{ //画垂直线 var temp=y2-y1; if(temp>0){ for(var i=0;itemp;i--){ makedot(x1,y1+i); } } } } /** 函数功能:根据给定的三点坐标画三角形 函数思路:直接利用画线函数画三条线即可 */ function triangle(x1,y1,x2,y2,x3,y3){ line(x1,y1,x2,y2); line(x2,y2,x3,y3); line(x1,y1,x3,y3); } /** 函数功能:根据给定的一系列坐标点画多边形 函数思路:循环读取坐标点,在当前坐标点与下一坐标点之间连线 */ function polygon(){ var args=arguments.length; if(args%2!=0) return -1; var realargs=args/2; //坐标个数 for(var i=0;i
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
相关文章推荐
- 兼容FireFox 用javascript写的一个画图函数
- 简单的JAVASCRIPT画图函数(兼容ie/ff)
- 手写的一个兼容各种浏览器的javascript getStyle函数(获取元素的样式)
- 手写的一个兼容各种浏览器的javascript getStyle函数(获取元素的样式)
- JavaScript获取鼠标坐标的函数(兼容IE、FireFox、Chrome)
- 兼容IE和Firefox的javascript获取iframe文档内容的函数
- JavaScript获取鼠标坐标的函数(兼容IE、FireFox、Chrome)
- 兼容IE和Firefox的javascript获取iframe文档内容的函数
- JavaScript中,函数也是一个变量,即var XXX。典型例子
- 纯JavaScript实现的幻灯片(兼容IE和Firefox)
- javascript下IE与FF兼容函数收集
- 一个JAVASCRIPT实用函数,完成合并表格中列中具有相同内容的列单元格的功能
- javascript实现一个数值加法函数
- IE和Firefox完全兼容的Tab代替Enter的Javascript代码
- Javascript 兼容firefox的一些问题
- IE和Firefox(火狐)在JavaScript方面的不兼容及统一方法
- javascript实现的一个自定义长度的文本自动换行的函数。
- 每天一个JavaScript实例-canvas画图
- IE和Firefox(火狐)在JavaScript方面的不兼容及解决方法总结
- 用DIV+javascript实现首尾相连循环滚动效果(兼容firefox)