预览图

前言

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

问题issues：How to add a ruler for konva

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

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

先搞定刻度尺问题。

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

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

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

评论

全部评论 80

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

相关推荐

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

木灵鱼儿 11248 1 34
konva 辅助线 方向键移动

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

木灵鱼儿 6091 0 2
image konva

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

木灵鱼儿 14814 0 39
konva 辅助线
获得点赞 0
文章被阅读 27,968
最后更新 21-07-15 17:06:22

目录

目录