`
anodon
  • 浏览: 11419 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

vml绘制凹凸多边形的判断

阅读更多
/**
*vml绘制多边形时判断多边形是否为凹或凸多边形
*finallyX,finallyY多边形最后一顶点的坐标;
*otherPointArray 一个存放着多边形的除最后顶点坐标(points)的数组
*/
//每点的坐标
funcotion points(x,y){
this.x=x;
this.y=y;
}
var circumscription= function(otherPointArray,finallyX,finallyY){

//工能:判断多边形是否符合条件只能绘制凹、凸的多边形
if(otherPointArray.length>2){
//判断两条线段是否有焦点
var Intersect1=function(L1,L2){
return( (Math.max(L1.pt1.x, L1.pt2.x) >= Math.min(L2.pt1.x, L2.pt2.x)) &&
(Math.max(L2.pt1.x, L2.pt2.x) >= Math.min(L1.pt1.x, L1.pt2.x)) &&
(Math.max(L1.pt1.y, L1.pt2.y) >= Math.min(L2.pt1.y, L2.pt2.y)) &&
(Math.max(L2.pt1.y, L2.pt2.y) >= Math.min(L1.pt1.y, L1.pt2.y)) &&
(Multiply(L2.pt1, L1.pt2, L1.pt1) * Multiply(L1.pt2, L2.pt2, L1.pt1) >= 0) &&
(Multiply(L1.pt1, L2.pt2, L2.pt1) * Multiply(L2.pt2, L1.pt2, L2.pt1) >= 0)
);
}
// 计算叉乘 |P0P1| × |P0P2|
var Multiply=function( p1,p2,p0){
return ( (p1.x - p0.x) * (p2.y - p0.y) - (p2.x - p0.x) * (p1.y - p0.y) );
}
//焦点计数器
var count1=0;
for(var a=1;a<otherPointArray.length;a++){
//得到一条线的两个端点坐标
var px1=otherPointArray[a-1];
var px2=otherPointArray[a];

//起始点击点和最后点击点前一点击点的坐标
var px3=otherPointArray[0];
var px4=otherPointArray[otherPointArray.length-1];
//alert(px1+"  "+px2+"  "+downX+"  "+downY);
//获取多边形的一条边
var point1=new Point();
point1.x=px1.x;
point1.y=px1.y
var point2=new Point();
point2.x=px2.x;
point2.y=px2.y;
var line1=new LineSegment();
line1.pt1=point1;
line1.pt2=point2;
//获取多边形的最后两条边并判断它们和其他边的交点个数
for(var b=0;b<2;b++){
var point3=new Point();
var point4=new Point();
var line2=new LineSegment();
if(b==0){
point3.x=px3.x;
point3.y=px3.y;
}else{
point3.x=px4.x;
point3.y=px4.y;
}
point4.x=finallyX;
point4.y=finallyY;
line2.pt1=point3;
line2.pt2=point4;
if(Intersect1(line1,line2)){
++count1;
}
}
//如果多边形的最后两条边中的有一条和其它边有两个以上的交点就返回
if(count1>2){
alert("抱歉,多边形只能是凸多边形或凹多边形");
return true;
}
else{
//return false;
}
}
//return;
}
}
分享到:
评论

相关推荐

    经典VML绘画源代码(基本包括所有图形的VML绘制)

    学习和研究这些源代码可以帮助理解如何使用VML进行图形绘制,同时也可以为开发自定义图表或者改进现有图表提供参考。由于VML主要用于较旧的IE浏览器,现在更多的开发者转向使用SVG(Scalable Vector Graphics)或...

    js+vml手绘多边形

    当用户右键点击时,我们判断这是结束绘制并闭合多边形的信号,然后连接最后一个顶点与第一个顶点形成封闭的形状。 2. **VML基础知识**:VML是一种XML-based的语言,用于描绘矢量图形。在HTML文档中,我们可以使用`...

    自制:ASP.NET利用VML绘制统计图

    【ASP.NET VML 绘制统计图】 在ASP.NET开发中,有时候我们需要为网页创建动态的、交互式的统计图表,以直观地展示数据。VML(Vector Markup Language)是一种基于XML的语言,用于在网页上绘制矢量图形。在“自制:...

    VML绘制的曲线图 实例源代码

    VML绘制的曲线图 实例源代码 HTML 在线御览地址:http://joocc.com/doc/jsvml.htm

    反编译的VML绘制统计图代码(C#类)

    VML提供了一系列的形状和路径元素,如`rect`(矩形)、`line`(线)、`polyline`(多边形线)和`shape`,这些元素可以组合起来创建复杂的图形。在统计图表中,我们通常会用到`rect`来表示柱状图的每个条形,或者用`...

    通过鼠标画线,或者多边形

    为了确保多边形的正确闭合,我们需要在`mouseup`事件中判断最后一个点是否与第一个点重合,并进行相应的处理。 实现这些功能时,只需要在HTML页面中引入一个JavaScript文件即可。这个JS文件通常包含了对鼠标事件的...

    VML经典教程 VML动态画圆、画矩形、画多边形

    综上所述,本教程“VML经典教程:VML动态画圆、画矩形、画多边形”是一个很好的起点,帮助开发者掌握在旧版IE浏览器中使用VML进行图形绘制。虽然现在SVG已经成为主流,但了解VML的历史和技术原理仍然有助于理解图形...

    vml+javascript直接在浏览器中绘制动态曲线图实例(源码-+Think in vml +vml+极道教程)

    在“vml+javascript直接在浏览器中绘制动态曲线图实例”中,我们主要学习如何通过JavaScript与VML结合,在不支持SVG(Scalable Vector Graphics)的老版IE浏览器中绘制动态曲线图。SVG是另一种更现代的矢量图形标准...

    vml 箭头

    vml 箭头 javascirpt 脚本

    WEB中用JS和VML画多边形

    此是源代码页,直接打开便可看效果,看源代码用记事本打开就行了

    使用JSP+VML动态绘制列车运行图.pdf

    总结来说,本文介绍了一种使用JSP和VML技术动态绘制列车运行图的方法,这种方法既节省了数据传输的资源,又提高了图形的动态展示效果,对于铁路运营管理和教学具有很高的实用价值。同时,这也展示了如何将服务器端...

    vml+javascript直接在浏览器中绘制动态曲线图实例(源码-+Think+in+vml++vml+极道教程)

    JavaScript与VML结合,可以实现动态、交互式的图形绘制,比如在本实例中,我们将探讨如何利用这两种技术在浏览器中绘制动态曲线图。 在浏览器的早期版本,特别是那些不支持SVG(Scalable Vector Graphics)或者...

    VML+HTML实现流程图查看

    实现了vml+html中显示的,并解决了ie浏览器兼容的问题,代码直接运行便好用

    VML教程_两套不同教程兼实例

    美洲豹教程,可能是针对VML的一种特定应用或者风格的教程,可能涵盖了如何用VML来绘制类似美洲豹图案或者与之相关的图形。这种教程通常会包含基础的VML语法教学,如定义形状、路径、填充和描边等,以及如何结合这些...

    vml+flashVML

    Flash以其强大的动画功能和跨平台兼容性而闻名,而VML则提供了更精细的矢量图形绘制能力。将两者结合,开发者可以创建更丰富、更动态的网页图形内容。 在网页图形显示方面,VML和Flash VML允许开发者在不依赖插件的...

    vml入门vml教程vml参考vml实例

    vml入门 vml教程 vml参考 vml实例 从网络上收集的各种vml实例.方便vml入门人员. 也有各种vml图形

    动态网页图形绘制VML教程HTML版

    1. **形状元素**: VML提供了一系列的形状元素,如`rect`(矩形)、`oval`(椭圆)、`line`(直线)、`polyline`(多边形)和`polygon`(闭合多边形),它们通过属性来定义形状的大小、位置和样式。 2. **路径元素**...

    vml+javascript直接在web页面绘制动态曲线

    vml+javascript直接在web页面绘制动态曲线

    VML极道教程 VML极道教程

    2. **图形绘制**:教程会详细解释如何使用VML指令来绘制不同类型的图形,包括直线、曲线、多边形、圆形、椭圆等。同时,你还将学习到如何通过坐标系统控制图形的位置和大小,以及如何调整颜色、填充和描边样式。 3....

    VML技术 简明教程

    通过VML,开发者能够在浏览器中绘制各种形状和图形,包括直线、圆形、圆弧、曲线、矩形、圆角矩形、多边形等。此外,VML还能用于创建复杂的图像、动画甚至是游戏。 VML最初是由微软、Visio、Autodesk和Macromedia等...

Global site tag (gtag.js) - Google Analytics