最新消息:20210816 当前crifan.com域名已被污染,为防止失联,请关注(页面右下角的)公众号

【未解决】vuejs的vue-admin-template中自己手动实现画出类似电路图的控制面板图

JS crifan 276浏览 0评论
折腾:
【未解决】Mac中用vue-admin-template实现智能电力前端页面功能模块
期间,想要在vuejs中画出类似于这样的界面的内容:
就像电路板上的原器件一样的,一个控制室的,控制面板的控制图
对于这种图,感觉是:
好像需要Canvas去实现?
去研究看看
vue js canvas
Using HTML Canvas with Vue JS – Scott Cook – Medium
Vue + Canvas项目总结 – 掘金
JavaScript之Canvas画布_JavaScript_但愿人长久 千里共婵娟-CSDN博客
贝塞尔曲线原理(简单阐述) – hnfxs – 博客园
HTML5 Canvas中绘制椭圆的5种方法_JavaScript_汉堡请不要欺负面条-CSDN博客
Controlling the HTML5 Canvas with Vue.js ← Alligator.io
vue.js – vue如何挂载canvas – SegmentFault 思否
javascript – Drawing onto a canvas with vue.js – Stack Overflow
javascript – Animate Canvas from Vue – Stack Overflow
Vue中使用canvas方法总结_vue.js_脚本之家
vuejs 画布 实现方式
vue js 画布 实现方式
canvas 类似技术
SVG 与 HTML5 的 canvas 各有什么优点,哪个更有前途? – 知乎
此处,理论上也是可以用SVG,只不过只适合显示,不利于后期交互
所以还是用Canvas最好
最热门的 18 款 Windows 版类似Canvas
选择 Canvas 还是 SVG | G2
快速上手 | G2
canvas 2D炫酷动效的实现套路和需要的技术积累 « 张鑫旭-鑫空间-鑫生活
Canvas绘制一个类似老版支付宝信用分仪表盘效果 – 掘金
canvas-credit-score/index.ts at master · crper/canvas-credit-score
crper/canvas-credit-score: canvas实现类似支付宝信用分的效果(演示的是非模块版本的,codesandbox的index2.html是模块传参的)
Canvas实现类似支付宝信用积分 – CodeSandbox
学习HTML5 Canvas这一篇文章就够了 – 前端技术汇 – SegmentFault 思否
看起来不错
然后:
【已解决】HTML中用Canvas画文字
然后继续:
【已解决】HTML中用Canvas画圆圈
不过目前突然想起来:
【未解决】html中如何在canvas中画出和操作元素对象

转载请注明:在路上 » 【未解决】vuejs的vue-admin-template中自己手动实现画出类似电路图的控制面板图

发表我的评论
取消评论

表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
86 queries in 0.112 seconds, using 20.65MB memory