跳至主要內容
  • Hostloc 空間訪問刷分
  • 售賣場
  • 廣告位
  • 賣站?

4563博客

全新的繁體中文 WordPress 網站
  • 首頁
  • 萌新请教一个图片操作的问题
未分類
20 9 月 2020

萌新请教一个图片操作的问题

萌新请教一个图片操作的问题

資深大佬 : tediorelee 2

之前写的基本都是管理系统啥的,框架用的 vue,现在有个需求是对图片的操作,大概有图片的旋转,放大缩小,还有就是在图片上进行文字标注(这个不知道该怎么实现)并支持保存本地

有没有大佬了解这种相关功能实现的?

大佬有話說 (8)

  • 資深大佬 : yaphets666

    旋转,放大缩小 这个好说 computed return 一个 css 样式对象 绑定到相关模板上就可以了 文字标注还能保存到本地 这个估计要 canvas

  • 資深大佬 : wotemelon

    konva 直接干

  • 資深大佬 : wotemelon

    给你参考下,N 年没更新了,https://github.com/wotermelon/vue-painting

  • 資深大佬 : renmu123

    提供一个思路,用 canvas 来进行处理,可以试一下 fabric 框架(我觉得文档写得不咋地),你要的旋转,放大,标注和导出(甚至还能压缩)都可以比较简单实现

  • 主 資深大佬 : tediorelee

    @wotemelon 收到,感谢帮助

  • 主 資深大佬 : tediorelee

    @renmu123 谢谢大佬,fabric 这就去看

  • 資深大佬 : DL9412

    直接搞一个 background 是图片,相对定位的 div,旋转放大缩小直接 css 搞定。

    纯文字标注的话,通过监控鼠标事件的坐标,在对应坐标位置画绝对定位的文本框,最后直接用 html2canvas 把整个 div 抓成图片

    在上家做过类似需求,不过是在图片上添加翻译文本图层,css 能画出来的什么方框圆形三角之类的也可以。
    如果需要不规则形状标记的话,那估计还是得 canvas 绘制了

  • 主 資深大佬 : tediorelee

    @DL9412 很有帮助!

文章導覽

上一篇文章
下一篇文章

AD

其他操作

  • 登入
  • 訂閱網站內容的資訊提供
  • 訂閱留言的資訊提供
  • WordPress.org 台灣繁體中文

51la

4563博客

全新的繁體中文 WordPress 網站
返回頂端
本站採用 WordPress 建置 | 佈景主題採用 GretaThemes 所設計的 Memory
4563博客
  • Hostloc 空間訪問刷分
  • 售賣場
  • 廣告位
  • 賣站?
在這裡新增小工具