HTML5技术

高德地图和canvas画图结合应用的一些感想(一) - sky2008wj(2)

字号+ 作者:H5之家 来源:H5之家 2017-06-24 14:04 我要评论( )

值得注意的是,这个图里面我觉得比较费事的是这个带方向的黑色小箭头,用到了rotate,经过反复测试,我发现从0-360度,他都会沿着圆心去旋转,下图黑色箭头80°方向旋转了,那其实这个位置和+90°后我要的放心是一

  值得注意的是,这个图里面我觉得比较费事的是这个带方向的黑色小箭头,用到了rotate,经过反复测试,我发现从0-360度,他都会沿着圆心去旋转,下图黑色箭头80°方向旋转了,那其实这个位置和+90°后我要的放心是一致的(即红色箭头),抓住这个特性我即完成了箭头沿着圆的方向旋转这个问题。

   整个图完成后,我感觉几何图形又复习了一边...果然学好数理化,走遍天下都不怕,哈哈。

   既然canvas图已经基本完成,那怎么集成到高德地图上来,并根据地图的等比缩放,就成了我下一个需要攻克的难题...

                  华丽的分割线

  好了,第一次写博客,有点像流水账,(-__-)b,只为了记录我的一些想法和遇到的难点,希望以后对别人也能有所帮助。

  下一篇我会着重写怎么集成到高德地图上,以及遇到的一些通点。

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • canvas学习总结三:绘制虚线 - beevesnoodles

    canvas学习总结三:绘制虚线 - beevesnoodles

    2017-06-24 13:01

  • canvas学习总结三:绘制路径-线段 - beevesnoodles

    canvas学习总结三:绘制路径-线段 - beevesnoodles

    2017-06-19 16:01

  • HTML5-canvas-基础篇 - 小南瓜dxn

    HTML5-canvas-基础篇 - 小南瓜dxn

    2017-06-15 15:02

  • canvas 时钟动画 - 索宁风尚

    canvas 时钟动画 - 索宁风尚

    2017-06-14 11:03

网友点评