怎么通过js来实现打靶图展示的效果

年轻帅小伙 2015-10-28 05:40:00
自己有尝试用 highcharts 来尝试,但是自己不会设置内圈的环数,并且打靶图内环到外环是由大到小,highcharts 插件设置 min、max 值后产生的值是内环小,外环大,所以...
求大神帮忙解决问题,java 、 C# 、 js 都行。
同心圆就好。~~
...全文
371 8 打赏 收藏 转发到动态 举报
写回复
用AI写文章
8 条回复
切换为时间正序
请发表友善的回复…
发表回复
qq_43707648 2018-12-20
  • 打赏
  • 举报
回复
可以把用highcharts做靶图的代码发一份吗
天际的海浪 2015-10-29
  • 打赏
  • 举报
回复
打靶图可以用 canvas 画同心圆 环数不就是靶心与打击点的距离么,用勾股定理计算即可。
Go 旅城通票 2015-10-29
  • 打赏
  • 举报
回复
引用 6 楼 a448410274 的回复:
我用 highchart 处理成这样了, 现在就是把背景弄上去,大小不适应, 现在在找怎么把它的圆的大小设置成和背景一样大小。
你用背景更加好办了。。容器relative定位,点用图片来弄absolute定位,自己计算下点和圆心的记录就好了
年轻帅小伙 2015-10-29
  • 打赏
  • 举报
回复
引用 2 楼 xiaofanku 的回复:
1.环可以用css画圆,一个一个套,哪个绿色的底图可以用图片作底 2.打中的点,可以根据环的位标点来识别
这个也有考虑过, 但是就是对于打中的点,不知道怎么处理。
年轻帅小伙 2015-10-29
  • 打赏
  • 举报
回复

我用 highchart 处理成这样了, 现在就是把背景弄上去,大小不适应, 现在在找怎么把它的圆的大小设置成和背景一样大小。
Go 旅城通票 2015-10-29
  • 打赏
  • 举报
回复
你这种不需要用highchart,不就画圆而已,1#,2#都可以,主要是数学要好。。嘿嘿。。
街头小贩 2015-10-28
  • 打赏
  • 举报
回复
1.环可以用css画圆,一个一个套,哪个绿色的底图可以用图片作底 2.打中的点,可以根据环的位标点来识别
年轻帅小伙 2015-10-28
  • 打赏
  • 举报
回复

如果没头绪的,可以看看这个图。。。

【技术分析】 HTML,是一种制作万维网页面的标准语言,它消除了不同计算机之间信息交流的障碍; CSS,可以帮助把网页外观做得更加美观; JavaScript,是一种轻量级的解释型编程语言; jQuery,使用户能更方便地处理HTML documents、events、实现动画效果,并且方便地为网站提供AJAX交互; Bootstrap 是快速开发 Web 应用程序的前端工具包。它是一个 CSS,HTML 和 JS 的集合,它使用了最新的浏览器技术,给你的 Web 开发提供了时尚的版式; AJAX,创建交互式网页应用的网页开发技术。 前端游戏设计是游戏开发中至关重要的一部分,它涉及到游戏的外观、交互和用户体验等方面。以下是一些前端游戏设计的思路和关键点: 用户体验:确保游戏界面简洁直观,易于操作。考虑用户的需求和习惯,设计友好的用户界面,包括按钮、菜单、指引等,以提升用户体验。 视觉设计:选择合适的配色方案、标和界面元素,保持视觉风格一致性。优秀的视觉设计可以提升游戏的吸引力和品质感。 动画效果:运用动画效果增强游戏的交互性和趣味性。动画可以使游戏更生动,提升用户参与感。 响应式设计:确保游戏在不同设备上都能正常展示和运行,包括PC、平板和手机等。响应式设计可以提高游戏的可访问性和用户覆盖范围。

87,942

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧