V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
推荐关注
Meteor
JSLint - a JavaScript code quality tool
jsFiddle
D3.js
WebStorm
推荐书目
JavaScript 权威指南第 5 版
Closure: The Definitive Guide
YVAN7123
V2EX  ›  JavaScript

自习室小程序的座位图是如何实现的(前端)

  •  
  •   YVAN7123 · 7 小时 45 分钟前 · 997 次点击
    如下图自习室的小程序图是如何实现的?
    小程序的软件是无老板

    我的猜想:
    1. 用 canvas 纯画
    2. 底图是图片, 上面加一个层, 将座位位置按照定位用 canvas 画上去。

    有没有大佬知道啊?


    https://imgur.com/qAgwcFM
    10 条回复    2025-03-06 21:06:49 +08:00
    YVAN7123
        2
    YVAN7123  
    OP
       7 小时 39 分钟前
    @Razio #1 谢谢大佬 学习了
    shadowyue
        3
    shadowyue  
       7 小时 39 分钟前
    你乐意,用 html 画都行,就是个布局比较特殊的页面而已。
    darkengine
        4
    darkengine  
       5 小时 34 分钟前
    @Razio 👍🏻 这个好丝滑,我还在想是不是用 konva 做的呢
    zoharSoul
        5
    zoharSoul  
       5 小时 16 分钟前
    svg
    heftyMan
        6
    heftyMan  
       4 小时 53 分钟前
    v 站牛人还是多啊
    UnluckyNinja
        7
    UnluckyNinja  
       4 小时 2 分钟前
    前端 2D 绘制就两个方案,位图就 canvas ,矢量图就 SVG ,看图里这个应该是 SVG ,布局本身应该是外面弄好再导入到页面里的,然后再单独实现头像、互动等功能。不需要什么库,SVG 浏览器原生支持的功能很丰富
    balaWgc
        8
    balaWgc  
       3 小时 40 分钟前
    @Razio 牛啊,echart 还从来没看过这个
    FightPig
        9
    FightPig  
       3 小时 35 分钟前
    @Razio echartn 兢还有这个,学到了
    dcsuibian
        10
    dcsuibian  
       3 小时 30 分钟前
    https://www.v2ex.com/t/1104640
    常常忘了 ECharts 有多强大
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1733 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 18ms · UTC 16:37 · PVG 00:37 · LAX 08:37 · JFK 11:37
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.