写点什么

前端可视化

0 人感兴趣 · 20 次引用

  • 最新
  • 推荐
https://static001.geekbang.org/infoq/0c/0c0b1a519dba67fa4da2b52b293b9d07.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

Web 前端常用的组态软件工具(可视化)

随着创新技术驱动工业物联网不断发展,设备联网所产生的多样化数据,在边缘端与云端进行大数据分析,成为工业应用场景数字化的需求。跨系统可通用,不受硬件限制达成无缝整合,监控组态软件SCADA成为物联网时代建构出各种工业应用的成功关键。

https://static001.geekbang.org/infoq/af/afec2afa2631a120eafa2994de86a7b5.gif?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

Fabric.js 笔刷到底怎么用?

用户头像
德育处主任
2022-06-28

Fabric.js提供了几种笔刷工具,但如果你学会基础笔刷如何使用和配置,要再学其他笔刷会更加得心应手。本文就带你了解基础笔刷到底如何使用~

https://static001.geekbang.org/infoq/59/59e71885475b0a6c3eb5f410cbbfbdff.gif?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

Fabric.js 动态设置字号大小 🎄

用户头像
德育处主任
2022-06-11

🎄 本文讲解在使用Fabric.js创建可编辑文本后,支持用户动态修改全局或者被选中字符的字号大小。该案例适合做在线ps等应用🎄

https://static001.geekbang.org/infoq/dd/dd8ace27e3bf9f2e7436589a1e4bd300.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

『Three.js』起飞!

用户头像
德育处主任
2022-06-10

0基础学Three.js,使用原生三件套的方式快速开启学习旅程,不需要麻烦的环境搭建。一文搞懂Three核心概念~

https://static001.geekbang.org/infoq/7e/7e1e436a41d0b71fe1bc8a962c55423b.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

Fabric.js 元素被选中时保持原有层级🥁

用户头像
德育处主任
2022-06-08

🥁如果希望被操作的对象一直保持在原有的层级,这样操作起来某些情况下会更直观。那么你可以在初始化画布时将 preserveObjectStacking设为true🥁

https://static001.geekbang.org/infoq/99/992aab9d469500b341fd34130212166d.gif?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

Fabric.js 上标和下标的使用偏方🔥

用户头像
德育处主任
2022-06-03

在 Fabric.js 中,不管是 Text、IText、Textbox ,设置上标和下标的方法都是差不多的。本文讲一个使用偏方,也能实现上标和下标的效果🔥

https://static001.geekbang.org/infoq/f6/f6dfe85d0e8a3d0ad4a8d5ccd206802d.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

Fabric.js 圆形笔刷

用户头像
德育处主任
2022-06-01

还记得小时候电脑课经常玩的金山画王吗?里面提供了很多仿真画笔。这次我们就做一个简化(阉割)版,用 Fabric.js 提供的能力画画

https://static001.geekbang.org/infoq/a6/a6c393d1467348fb56355dec04c10e01.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

纯 CSS 神奇的边框特效

用户头像
德育处主任
2022-03-12

纯CSS 实现一直变幻的不规则边框,所用方法非常简单,直接套公式就能出效果。保证不添加一滴 JavaScript ~

https://static001.geekbang.org/infoq/5e/5efd1593cb0cb6b2795634310151a233.gif?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

Fabric.js 将本地图像上传到画布背景

用户头像
德育处主任
2022-01-26

本文分别从原生和vue的环境下操作。上传图片到canvas里渲染出来,借助Fabric.js强大的能力去实现。

https://static001.geekbang.org/infoq/85/851f6a8b8ac35c996ad6c2ac1c375f45.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

Fabric.js 画布基础功能

用户头像
德育处主任
2021-11-20

Fabric.js是一个极其出色的Canvas库,如果工作需要用到Canvas,建议直接使用Fabric.js吧。

https://static001.geekbang.org/infoq/8e/8e3123159106c1a0cddce872ad8b2cfe.gif?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

Fabric.js 从入门到 ________

用户头像
德育处主任
2021-11-07

如果你想用 canvas 画图,那不妨试试 Fabric.js 。跟着本文一步一步操作,一定可以入门 Fabric.js

https://static001.geekbang.org/infoq/a5/a55d9c549b5d2a595daa69bdec81aabc.gif?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

在 Vue3 中使用 Fabric.js 实现渐变 (Gradient) 效果,包括径向渐变 radial

用户头像
德育处主任
2021-10-24

Fabric.js是支持径向渐变的!!!Gradient的radial啊!!!别再说不支持了!!!气死我!!!

https://static001.geekbang.org/infoq/19/193571e1e9d50afbd7825a20b24006a1.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

Vite + Vue3 + OpenLayers 同步两个地图基础操作

用户头像
德育处主任
2021-09-24

两个独立的容器,使用了不同的图源。但不管操作哪个容器的地图,另一个也会跟着变化。

https://static001.geekbang.org/infoq/fc/fc6a01adc62d80f797b5a6c5440e0830.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

纯 CSS 实现『斑马纹理投影文字』

用户头像
德育处主任
2021-09-19

从展示的效果可以猜到这个效果由3层文字组成。

https://static001.geekbang.org/infoq/e9/e9a4f73849cddb8bcef103e18f59f823.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

Vite + Vue3 + OpenLayers 手动控制缩放级别

用户头像
德育处主任
2021-09-16

除了用鼠标滚轮在地图上缩放外,还可以使用 ol 提供的 api 设置地图缩放级别。

https://static001.geekbang.org/infoq/3d/3d56406fdb8e63f8a260847baa7e3b57.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

Vite + Vue3 + OpenLayers 弹窗

用户头像
德育处主任
2021-09-16

鼠标在地图上点击会出现一个弹窗,并且出现在鼠标指针上方。 如果在地图边缘点击,会保证弹窗能完整显示出来。

最火前端 Web 组态软件 (可视化)

用户头像
尔嵘
2021-03-30

随着物联网、大数据等技术高速发展,我们逐步向数字化、可视化的人工智能(AI)时代的方向不断迈进。智能时代是工业 4.0 时代,我国工业领域正努力从“制造”迈向“智造”的新跨越。

https://static001.geekbang.org/infoq/d8/d8def66096ee9e58c5b6f8b5ade4372d.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

【vue2 & G6】快速上手

用户头像
德育处主任
2021-02-22

G6可以实现 拓扑图、流程图、脑图 等各种奇奇怪怪的图表的开发,并在浏览器呈现出来。

前端可视化_前端可视化技术文章_InfoQ写作社区