绘制网页_网页在线画图板_er图在线绘制网站

图像编辑

市面上图像编辑的软件有很多,像大家所熟知的PS、sketch、axure、激萌、剪映等等。那么如果我们想开发类似的软件er图在线绘制网站,有没有可以使用的库或者参考的开源软件呢?

miniPaint

简介:miniPaint [官方网站在线演示]() – 在线版的PS。PS这款软件大家都不陌生,web版本的如何呢?请看下图:

DarkroomJS

简介:DarkroomJS [官方网站在线演示]() – 基于Fabricjs的浏览器端可扩展的图像编辑工具

fabric-brush

简介:fabric-brush [官方网站在线演示] ()- 基于Fabric.js的Canvas笔刷工具

fabricjs-image-editor-origin

简介:fabricjs-image-editor-origin [官方网站在线演示] ()- Fabricjs图像编辑器

react-sketch

简介:react-sketch [官方网站在线演示] ()- 基于React、Fabricjs的素描应用

glitch-canvas

简介:glitch-canvas [官方网站在线演示]() – 给画布元素添加故障效果

animockup

简介:animockup [官方网站在线演示] ()- 在浏览器中创建动画模型,并导出为视频或动画GIF

物理引擎

物理引擎使用质量、速度、摩擦力和空气阻力等变量,模拟了一个近似真实的物理系统,为刚性物体赋予真实的物理效果,比如重力、旋转和碰撞等效果,让物体的行为表现的更加趋向真实。例如,守望先锋的英雄在跳起时,系统所设置的重力参数就决定了他能跳多高,下落时的速度有多快,子弹的飞行轨迹等等。

matter.js

简介: matter.js是一个用于 Web 的 JavaScript 2D 物理引擎库 matter.js官方地址(#wreckingBall)

matter.js相较于老牌的 Box2D 引擎库更为轻量级(压缩版仅有 87 KB),并且在性能和功能方面也不逊色。

流程图/组织图/图编辑等

工业软件开发,一直是软件领域复杂而又重要的一环。其对技术人的要求要是更高的,下面看看有哪些可以辅助我们快速开发的库或者参考的场景吧。

gojs

简介: gojs是一款可以非常方便的开发交互式流程图、组织结构图、设计工具、规划工具、可视化语言的JavaScript图表库。 gojs.js官方地址()

文档中提供了大量的demo可供参考,基本对于常见的图编辑程序做到了全覆盖。

butterfly

简介:butterfly [官方网站在线演示] ()一个基于JS的数据驱动的节点式编排组件库,同时适用于React/Vue2组件。

wireflow

简介:wireflow [官方在线演示]() 用户流程图实时协作工具。

flowy

简介:Flowy [官方在线演示]() – 用于创建流程图的最小javascript库。使创建具有流程图功能的 WebApp 成为一项非常简单的任务。通可以在几分钟内构建自动化软件、思维导图工具或简单的编程平台。

Workflow Designer

简介:Workflow Designer [官方在线示例] ()- 基于G6和React的可视化流程编辑器。

web-pdm

简介:web-pdm [在线示例]() – 用G6做的ER图工具,最终目标是想做成在线版的powerdesigner.

X-Flowchart-Vue

简介:X-Flowchart-Vue [官方在线演示] ()- 基于G6和Vue的可视化图形编辑器。

OrgChart

简介:OrgChart [官方在线演示] ()- 简单直接的组织图插件

welabx-g6

简介:welabx-g6 [官方在线示例] ()- 基于G6和Vue的流程图编辑器。

全景图/AR/VR

5g的普及、虚拟现实/增强现实落地、元宇宙的火热……似乎让Canvas再度推上了技术的顶峰。下面让我来看看开发这些场景常见的Canvas库吧。

Pannellum

简介:Pannellum [官方在线演示] ()- 轻量、免费、开源的web全景查看器。

Panolens.js

简介:Panolens.js [官方在线演示] ()- Panolens.js基于Three.JS,主要研究领域是全景、虚拟现实和潜在的增强现实。

JS-Cloudimage-360-View

简介:JS-Cloudimage-360-View [官方在线演示] ()一个简单的、交互式的资源er图在线绘制网站,可以用来提供您的产品的虚拟游览。

A-Frame

简介:A-Frame [官方在线演示]() A-Frame 除了帮助您构建 360 度媒体播放器外,它还提供了许多附加功能。其他功能可帮助您增强网站的虚拟现实体验。

3D库

three.js

简介:three.js [官方在线演示]() – 创建易于使用、轻量级、跨浏览器的通用3d js库。three.js就不多介绍了,大家想必都很熟悉。

zdog

简介:zdog [官方在线演示]() – 基于canvas和SVG设计师友好的伪3D引擎

seen.js

简介:seen [官方在线演示] ()- 使用SVG或Canvas渲染3D场景。

Oimo.js

简介:Oimo.js [官方在线演示](#basic) – 轻量级的JS 3D物理引擎。

phoria.js

简介:phoria.js [官方在线演示]() – 用于在 HTML5 画布 2D 渲染器上进行简单 3D 图形和可视化的 JavaScript 库。它不使用 WebGL。适用于所有 HTML5 浏览器,包括桌面、iOS 和 Android。

原文来自:


娜娜项目网每日更新创业和副业教程

网址:nanaxm.cn 点击前往娜娜项目网

站 长 微 信: nanadh666

声明: 本站内容转载于网络,版权归原作者所有,仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任,若侵犯到你的版权利益,请联系我们,会尽快删除处理!