canvas图形等距、间距测量

14 篇文章 0 订阅
10 篇文章 0 订阅
  1.  首先定义画线(实线、虚线)、画面(矩形块)、值(距离)等渲染数据结构(渲染数据只提供坐标信息和一些基本样式属性,不需要依赖渲染是dom,还是canvas或webgl)
  2. 侦测数据,取每个图形的包盒信息,再根据包盒信息抽象成方向(left top right bottom middle center)。这样在计算时,可以不需要通过if来判断了,直接对比相同的方向数值是否在区间内(吸附距离)
  3. 吸附,对图层和参考线、画板的吸附(吸附完,选中目标的位置有可能发生变动,需要更新选中目标)
  4. 侦测行为:拖动时,按alt时,resize时等

 

 

  • 2
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值