预览图

前言

在使用konva库做图形拖拽的时候，你会发现konva没有提供刻度尺和辅助线的功能，导致你不知道你拖拽的实际坐标，这就很难受了，在谷歌百度查教程的时候，看见官方之前就给予过类似问题的回应。

问题issues：How to add a ruler for konva

官方回应（翻译）：如果你需要这样的形状，就画画。作为文本 + 多行，或自定义形状（以获得更好的性能）

既然搜索引擎和官方都没有类似的答案，我们就自己来。

先搞定刻度尺问题。

此处内容已隐藏回复后方可阅读。

分类： konva库 标签： konva刻度尺
版权申明

本文系作者 @木灵鱼儿 原创发布在木灵鱼儿站点。未经许可，禁止转载。

评论

全部评论 71

  1. eddyzhang
    eddyzhang
    Google Chrome Windows 10
    学习一下
    回复
  2. eddyzhang
    eddyzhang
    Google Chrome Windows 10
    学习一下
    回复
  3. 啊地方
    啊地方
    Google Chrome MacOS
    学习一下
    回复
  4. epwin
    epwin
    FireFox MacOS
    学习一下
    回复
  5. 快乐的程序猿
    快乐的程序猿
    Safari iPhone
    我画了个rect,填充了背景图片，可是舞台推动的时候，网格随之推动，留下余白区，就起不到背景图片的作用了
    回复
    1. marc
      marc
      Google Chrome Windows 10
      @快乐的程序猿好好好
      回复
    2. 胖芒果
      胖芒果
      Google Chrome MacOS
      @快乐的程序猿查看
      回复
    3. 木灵鱼儿
      木灵鱼儿
      FireFox Windows 10
      @快乐的程序猿参考线背景
      回复
    4. 木灵鱼儿
      木灵鱼儿
      FireFox Windows 10
      @快乐的程序猿网格应该固定，只作为参考下背景这种，不然你网格也动，但是你并没有生成可视区以外的网格
      回复
  6. 快乐的程序猿
    快乐的程序猿
    Safari iPhone
    你好 木灵鱼儿站长，请教一下，在konvajs里面怎么实现背景网格，需要做到stage推动的时候，背景网格也随着推动。
    回复
    1. eddyzhang
      eddyzhang
      Google Chrome Windows 10
      @快乐的程序猿学习一下噢
      回复
  7. 快乐的程序猿
    快乐的程序猿
    Safari iPhone
    站长英语好差 don’t use water :)
    回复
    1. 木灵鱼儿
      木灵鱼儿
      FireFox Windows 10
      @快乐的程序猿[妙啊]不要水，咋了，难道机翻错了？
      回复
  1. 1
  2. ...
  3. 3
  4. 4
  5. 5
  6. 6

相关推荐

首发《konva添加键盘方向键移动教程+辅助线显示》

木灵鱼儿 6767 1 29
konva 辅助线 方向键移动

关于konva中图片Image图形的一些问题和解决方案

木灵鱼儿 4904 0 2
image konva

首发《konva添加辅助线教程》

木灵鱼儿 8866 0 37
konva 辅助线
获得点赞 0
文章被阅读 16,616
最后更新 21-07-15 17:06:22

目录

目录