1. let bg = this.createBitmapByName("123_png");
  2. this.addChild(bg)
  3. bg.x = this.stage.width / 2
  4. bg.y = this.stage.height / 2
  5. bg.anchorOffsetX = bg.width / 2
  6. bg.anchorOffsetY = bg.height / 2
  7. let infoList = [5, 2, 7, 9, 4, 1]
  8. let list = this.getPolyPoint(infoList, bg)
  9.  
  10. var shp: egret.Shape = new egret.Shape();
  11. shp.graphics.lineStyle(2, 0x00ff00);
  12. shp.graphics.beginFill(0xff0000, 1)
  13.  
  14. for (let i in list) {
  15. if (Number(i) == 0)
  16. shp.graphics.moveTo(list[i].x, list[i].y);
  17. else
  18. shp.graphics.lineTo(list[i].x, list[i].y);
  19. }
  20.  
  21. shp.graphics.endFill();
  22. this.addChild(shp)
  23.  
  24. for (let i in list) {
  25. var circle:egret.Shape = new egret.Shape();
  26. circle.graphics.beginFill( 0x00ff00, 1);
  27. circle.graphics.drawCircle( list[i].x, list[i].y, 5);
  28. circle.graphics.endFill();
  29. this.addChild(circle);
  30. }
  31.  
  32. public getPolyPoint(infoList, item){
  33. let list = []
  34.  
  35. let x = this.stage.width / 2
  36. let y = this.stage.height / 2
  37.  
  38. for (let i = 1; i <= 7; i++) {
  39. let info = infoList[i - 1]
  40. if (info == undefined)
  41. info = infoList[0]
  42.  
  43. let point = new egret.Point
  44. let w = item.width / 2 * (info * 0.1)
  45. let h = item.height / 2 * (info * 0.1)
  46. let w1 = w / 2
  47.  
  48. switch (i) {
  49. case 2:
  50. point.x = x + w1
  51. point.y = y - h
  52. break
  53. case 3:
  54. point.x = x + w
  55. point.y = y
  56. break
  57. case 4:
  58. point.x = x + w1
  59. point.y = y + h
  60. break
  61. case 5:
  62. point.x = x - w1
  63. point.y = y + h
  64. break
  65. case 6:
  66. point.x = x - w
  67. point.y = y
  68. break
  69. default:
  70. point.x = x - w1
  71. point.y = y - h
  72. break
  73. }
  74.  
  75. list.push(point)
  76. }
  77.  
  78. return list
  79. }

ts 绘制多边形的更多相关文章

  1. 用线框模式绘制多边形 glPolygonMode

    glPolygonMode(GL_FRONT_AND_BACK, GL_LINE); glBegin(GL_TRIANGLES);//开始以g_ViewMode模式绘制 glColor3ub(182. ...

  2. [WebGL入门]十四,绘制多边形

    注意:文章翻译http://wgld.org/.原作者杉本雅広(doxas),文章中假设有我的额外说明,我会加上[lufy:].另外,鄙人webgl研究还不够深入.一些专业词语,假设翻译有误,欢迎大家 ...

  3. canvas绘制多边形

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  4. leaflet简单例子,绘制多边形

    var crs = L.CRS.EPSG900913; var map = L.map('map', { crs: crs, width: '100%', height: '100%', maxZoo ...

  5. 【Silverlight】Bing Maps学习系列(五):绘制多边形(Polygon)图形(转)

    [Silverlight]Bing Maps学习系列(五):绘制多边形(Polygon)图形 Bing Maps Silverlight Control支持用户自定义绘制多边形(Polygon)图形, ...

  6. 浅谈使用canvas绘制多边形

    本文主要使用坐标轴的使用来绘制多边形,点位则都是在y轴上寻找,这种方法能够更好的理解图形与修改. //id为html里canvas标签的属性id: //x,y为坐标轴的起始位置,因为canvas默认坐 ...

  7. JS实现鼠标点击爱心&绘制多边形&每日一言功能

    本篇文章主要介绍我的个人博客 程序猿刘川枫 中页面使用的美化功能(基于JS实现): 1.鼠标点击出现不同颜色爱心特效 2.页面浮动多边形跟随鼠标移动 3.每日一言功能 1.鼠标点击出现爱心特效 经常在 ...

  8. [javascript svg fill stroke stroke-width points polygon属性讲解] svg fill stroke stroke-width points polygon绘制多边形属性并且演示polyline和polygon区别讲解

    <!DOCTYPE html> <html lang='zh-cn'> <head> <title>Insert you title</title ...

  9. Unity 绘制多边形

    最近工程需要用到一个多边形用来查看角色属性,于是就研究了下Mesh用网格做了一个.遗憾的的 UGUI 渲染不了 3D 物体,然后又用了一段时间研究了下UGUI的网格绘制. 不过终于还是完成了,虽然有些 ...

随机推荐

  1. Java取出字符串中的大写字母,并倒序输出

    package catic.test; /** * @ClassName: TestXBQ * @Description: TODO 输出字符串中的大写字母,并倒序输出 * @author xbq * ...

  2. Host ‘host_name’ is blocked

    参考:http://web2.0coder.com/archives/163 之前服务器遇到了这个错误: Host ‘host_name‘ is blocked because of many con ...

  3. Django里面是文件静态化的方法

    看Django官网的时候,由于自己的英语基础较差,而实现的谷歌翻译比较烂,只能看懂个大概.在文件静态化的时候,讲的比较繁琐一点,没怎么看懂,遂询问了一下其他人,明白了许多,但是细节需要注意的地方特别多 ...

  4. iOS开发:iOS中图片与视频一次性多选 - v2m

    一.使用系统的Assets Library Framework这个是用来访问Photos程序中的图片和视频的库.其中几个类解释如下 ALAsset ->包含一个图片或视频的各种信息 ALAsse ...

  5. 《转》python学习(4)对象

    转自http://www.cnblogs.com/BeginMan/p/3160044.html 一.学习目录 1.pyhton对象 2.python类型 3.类型操作符与内建函数 4.类型工厂函数 ...

  6. poj_2315 最小费用最大流

    题目大意 一个图上有N个顶点,从1到N标号,顶点之间存在一些无向边,边有长度,要求从顶点1走到顶点N,再从顶点N走回顶点1,其中不必要经过每个顶点,但是要求走的路径上的边只能经过一次.求出从1---& ...

  7. poj_1151 线段树

    题目大意 在平面上给定n个矩形,可以相互覆盖全部或者部分,求出矩形占据的总面积. 题目分析 将矩形按照x方向的进行分割之后,将平面沿着y方向划分一系列单元(不定高度),每个矩形在y方向上占据若干连续的 ...

  8. java基础---->多线程之Runnable(一)

    java线程的创建有两种方式,这里我们通过简单的实例来学习一下.一切都明明白白,但我们仍匆匆错过,因为你相信命运,因为我怀疑生活. java中多线程的创建 一.通过继承Thread类来创建多线程 pu ...

  9. deferred对象(摘自别人的文章)

    对jQuery中的deferred对象的整体认识: Deferred是个工厂类,返回的是内部构建的deferred对象 tuples 创建三个$.Callbacks对象,分别表示成功,失败,处理中三种 ...

  10. 关于hql语句的一些问题

    1.student is not mapped问题: 在执行显示数据库数据的时候出错 大概提示说: errors: s.entr_Id student is not mapped 碰到这种情况一般是: ...