html canvas画箭头

农民工刘小二 2013-08-14 02:43:04


从一个点到另一个点的箭头

1.用程序画出图中箭头
2.给定一个点P(x,y),用程序判断P点是否在箭头区域内

注:图中箭头箭身部分用贝赛尔曲线画出
(
坐标:
始点:(x : 100,y : 100)
控点:(x : 200,y : 100)
终点:(x : 500,y : 300)
),
箭头的头部为四条线段路径包起来的区域


同一个问题:
http://bbs.csdn.net/topics/390547931
...全文
619 5 打赏 收藏 转发到动态 举报
写回复
用AI写文章
5 条回复
切换为时间正序
请发表友善的回复…
发表回复
明月书君 2013-08-21
  • 打赏
  • 举报
回复
引用 4 楼 jelly870115 的回复:
[quote=引用 2 楼 shao_winds 的回复:] 贝赛尔曲线相关算法我不知道,不过用一条直线把这个箭头分成两个三角形,就是图中最左边那个点横向一个直线,然后根据纵坐标判断和哪个三角形相关,然后判断是否在三角形内,这个算法网上大大的有 鄙人浅见,请见谅
谢谢你的方案 我是根据canvas画出来的贝赛尔曲线,是个不规则的曲线,上面只是个例子,可能还有其它形状 主要是取不到曲线的坐标集合 [/quote] 话说?贝塞尔曲线是两个控制点那个?还是二次曲线?
农民工刘小二 2013-08-19
  • 打赏
  • 举报
回复
引用 2 楼 shao_winds 的回复:
贝赛尔曲线相关算法我不知道,不过用一条直线把这个箭头分成两个三角形,就是图中最左边那个点横向一个直线,然后根据纵坐标判断和哪个三角形相关,然后判断是否在三角形内,这个算法网上大大的有 鄙人浅见,请见谅
谢谢你的方案 我是根据canvas画出来的贝赛尔曲线,是个不规则的曲线,上面只是个例子,可能还有其它形状 主要是取不到曲线的坐标集合
农民工刘小二 2013-08-19
  • 打赏
  • 举报
回复
引用 1 楼 net_lover 的回复:
看看这些能否满足你 http://www.dbp-consulting.com/tutorials/canvas/CanvasArrow.html http://deepliquid.com/blog/archives/98
谢谢你的方案 这个我已经看过了 我要画的箭头箭身是不规则的
明月书君 2013-08-18
  • 打赏
  • 举报
回复
贝赛尔曲线相关算法我不知道,不过用一条直线把这个箭头分成两个三角形,就是图中最左边那个点横向一个直线,然后根据纵坐标判断和哪个三角形相关,然后判断是否在三角形内,这个算法网上大大的有 鄙人浅见,请见谅
孟子E章 2013-08-16
  • 打赏
  • 举报
回复
看看这些能否满足你 http://www.dbp-consulting.com/tutorials/canvas/CanvasArrow.html http://deepliquid.com/blog/archives/98

39,084

社区成员

发帖
与我相关
我的任务
社区描述
HTML5是构建Web内容的一种语言描述方式。HTML5是互联网的下一代标准,是构建以及呈现互联网内容的一种语言方式.被认为是互联网的核心技术之一。
社区管理员
  • HTML5社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

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