一个用 js 实现点阵图的编辑器演示

简介:

  这是个客户的需求,具体大概是可以在一个 24*8 的点阵图上自由绘制图形,然后数据的存储是按列依次记录,用0和1分别表示是否选中,最终串成一个字符串。

  整体需求难度并不复杂,所以在写demo的时候就尽可能增强了一些扩展性,比如点阵区域可以自由设置;点阵图案绘制可以按住鼠标拖拽,增加的数据清空功能。

  直接看demo吧。

 

60c18c1cgw1ec84xggwymj21dw0pcn63.jpg
HoorayOS - WEB桌面应用框架
这是一款备受好评的 Web 桌面应用框架,你可以用它二次开发出类似 Q+Web 这类的桌面应用网站,也可以开发出适用于各种项目的桌面管理系统。





    本文转自胡尐睿丶博客园博客,原文链接:http://www.cnblogs.com/hooray/p/7101422.html ,如需转载请自行联系原作者

相关文章
|
4天前
|
JavaScript 数据可视化
基于fabric.js的图片编辑器, 画布背景实现原理
基于vue3 + fabric.js + vite + element-plus + typescript等技术,画布背景原理分析
基于fabric.js的图片编辑器, 画布背景实现原理
|
11月前
|
JavaScript
基于three.js的牛逼轰轰的3D编辑器nunuStudio!
这是一款基于Three.js的3D编辑器,我之前一直喊错,叫人家"牛牛",因为我觉得它真的好牛,其实人家正确拼音喊“努努”! 可以发布web的运行包,直接可以网页端二次开发,真的不要太方便了!
基于three.js的牛逼轰轰的3D编辑器nunuStudio!
|
4天前
|
存储 JavaScript 前端开发
使用Strve.js来搭建一款 Markdown 编辑器
今天,我们来使用Strve.js来搭建一款 Markdown 编辑器,没错!你没听错。我们需要创建了一个实时 Markdown 编辑器,用户可以在 textarea 中输入 Markdown 文本,然后实时显示转换后的 HTML。你可能会说使用 Strve.js 开发会不会写的特别复杂难懂啊,还不如用 Vue.js 呢!
|
4天前
|
JavaScript
html+css+js实现文本编辑器
html+css+js实现文本编辑器
39 0
|
4天前
|
存储 前端开发 JavaScript
基于前端技术原生HTML、JS、CSS 电子病历编辑器源码
基于前端技术原生HTML、JS、CSS 电子病历编辑器源码
91 0
|
8月前
|
Web App开发 JavaScript 前端开发
|
11月前
|
前端开发 API 容器
前端封装库/工具库的编辑器之Draft.js
在现代前端开发中,富文本编辑器是一个非常重要的组成部分。其中,Draft.js 是一个备受欢迎的 React 富文本编辑器库。
598 0
|
11月前
|
存储 前端开发 JavaScript
前端封装库/工具库的编辑器之Slate.js
随着互联网时代的到来,Web应用程序的内容创作和编辑变得越来越重要。而为了更高效地进行内容编辑和管理,前端封装库/工具库的出现成为了一个非常好的解决方案。其中一个备受关注的编辑器就是Slate.js。
457 0
|
4天前
|
存储 Linux 编译器
vim编辑器和gcc/g++编辑器的使用讲解
vim编辑器和gcc/g++编辑器的使用讲解
60 2
|
4天前
|
Linux 编译器 开发工具
Linux:详解(yum的使用、vim编辑器命令集合以及gcc/g++编译器的使用)
Linux:详解(yum的使用、vim编辑器命令集合以及gcc/g++编译器的使用)
127 1