js实现的在线绘图板,写字板

news/2024/12/2 13:46:11/

一个像素完美的基于web的MS Paint重制版和更多…试试看!
JS Paint高度逼真地再现了MS Paint的每个工具和菜单,甚至是鲜为人知的功能。
它支持主题、其他文件类型和辅助功能,如眼睛注视模式和语音识别。

 在线demo地址在线绘图板,在线手写板 (toolxq.com)icon-default.png?t=M85Bhttp://www.toolxq.com/front/tools/editor/handwriting

啊,是的,老油漆。不是那个有丝带的,也不是那个新的骷髅形的,它的界面可以占据将近一半的屏幕。(而不是更新的Paint 3D。)
Windows 95、98和XP是Paint的黄金时代。你有一个工具箱和一个颜色框,一个前景色和一个背景色,这就是你所需要的。
事情很简单。
但我们想撤销三项以上的行动。我们想编辑透明图像。我们不能一直使用旧油漆。
这就是我制作JS Paint的原因。我想把古老的油漆带入现代。
目前的改进包括:
开源(MIT许可)
跨平台
移动友好型
触摸支持:用两个手指平移视图,捏一下缩放
单击/轻触所选颜色区域以交换前景和背景颜色
视图>全屏切换全屏模式,适合小屏幕
Web功能
文件>从URL加载…从Web打开图像。
文件>上传到Imgur,将当前图像上传到Imgur。
粘贴支持从URL加载。
您可以在JS Paint中创建将从Web打开图像的链接。例如,此链接将以等轴测栅格作为模板开始:https://jspaint.app/#load:https://i.imgur.com/zJMrWwb.png
初步的多用户协作支持。在jspaint启动一个会话。app/#session:多用户测试并将链接发送给您的朋友!它不是无缝的;其他用户的行为会打断你正在做的事情,反之亦然。会议不是私人的,您随时可能会丢失工作。如果您想要更好的协作支持,请关注Mopaint的开发。
附加功能>主题以更改应用程序的外观。包括黑暗模式。
眼睛注视模式,用于眼睛跟踪器、头部跟踪器或其他粗糙输入设备,可从Extras>眼睛注视模式访问。只需一个网络摄像头,您就可以使用EnableViacam(头部跟踪器)或GazePointer(眼睛跟踪器)进行尝试。
语音识别模式。使用您的语音,您可以选择工具和颜色、平移视图(“向下向左滚动”或“向西南滚动”等)、浏览菜单(但您可以在不打开菜单的情况下激活任何菜单项)、与窗口交互(包括使用“向上滚动”/“向下滚动”等滚动历史视图)、使用文本工具口述文本、,甚至告诉应用程序画草图(例如,“画房子”)
从当前文档历史创建动画GIF。可从“附加”菜单或使用Ctrl+Shift+G进行访问。它很漂亮,你应该试试看!不过,您可能需要限制图像的大小。
使用“颜色>获取颜色和颜色>保存颜色”加载和保存许多不同的调色板格式。(我为此制作了一个库:AnyPalette.js。)
您还可以将调色板文件拖放到应用程序中进行加载。
编辑功能:
使用Alt+鼠标滚轮放大和缩小
编辑透明图像!要创建透明图像,请转到图像>属性…并选择透明,然后选择确定,然后选择图像>清除图像或使用橡皮擦工具。具有任何半透明像素的图像将在透明模式下打开。
按住Ctrl键的同时进行选择,可以裁剪图像
旋转的键盘快捷键:Ctrl+。和Ctrl+,(<和>)
在“图像>翻转/旋转”中按任意角度旋转
在“图像>拉伸/倾斜”中,可以一次拉伸超过500%
在“视图”>“缩放”>“自定义”中缩放到任意比例。。。
使用“视图>缩放>缩放到窗口”(View>Zoom>Zoom to window)缩放以使画布适合窗口
非连续填充:使用填充工具时按住Shift键可替换整个图像中的颜色


http://www.ppmy.cn/news/251525.html

相关文章

绘图板程序设计及其具体实现

成果展示 首先展示几个使用本绘图板程序的绘图成果。 下面是程序的功能介绍&#xff08;也是由本绘图板程序绘制的&#xff09;。 #总体架构 由三个包和一个主窗口类构成&#xff0c;utils包中为绘制图形中用到的所有工具类&#xff0c;element包中为所有的图形元素类&#x…

MFC绘图板(二)

接上篇《MFC绘图板&#xff08;一&#xff09;》&#xff1a;http://blog.csdn.net/wwkaven/article/details/40657709 1、为使程序更美观&#xff0c;添加纸张效果&#xff1a; &#xff08;1&#xff09;在CBottomFormView中添加一个成员变量&#xff1a; UINT m_nPaperBor…

MFC 绘图板

源码下载&#xff1a; http://download.csdn.net/detail/dai_jing/6041993

MFC绘图板(三)

1、接前文《MFC绘图板&#xff08;二&#xff09;》 2、本以为用MFC实现一个绘图程序很简单&#xff0c;但是实际做起来却遇到了许多问题&#xff0c;下面对开发过程中的一些问题记录如下&#xff1a; 3、首先&#xff0c;介绍以下MFC绘图板实现的功能&#xff1a; &#xff0…

绘图板程序设计及其具体实现 第一篇

成果展示 首先展示几个使用本绘图板程序的绘图成果。 下面是程序的功能介绍&#xff08;也是由本绘图板程序绘制的&#xff09;。 总体架构 由三个包和一个主窗口类构成&#xff0c;utils包中为绘制图形中用到的所有工具类&#xff0c;element包中为所有的图形元素类&#xf…

creo 6.0—02:单位的设置,默认绘图模板的绘制(重点)

1、3 单位的设置 我们一般设计都是公制单位&#xff0c;但是 creo 都是默认为英制单位。 修改单位的方式如下&#xff1a; 1、点击 文件——准备——模型属性 2、然后点击单位——更改&#xff1a; 点击更改后会弹出如下的对话框。 选择毫米牛顿秒&#xff1a; 3、选择设置…

SCI论文绘图—Python绘图常用模板及技巧

关注 M r . m a t e r i a l , \color{Violet} \rm Mr.material\ , Mr.material

绘图板应用讲解计算机,电脑绘图板怎么用?基础电脑绘图板入门教程!

电脑绘图板怎么用&#xff1f;电脑绘图板也就是我们平常说的数位板&#xff0c;简称板绘&#xff0c;百科的解释是运用数码现代技术在电脑上进行描绘、上色等绘画操作。相对于手绘而言&#xff0c;板绘易于修改&#xff0c;上色方便&#xff0c;便于携带等优势让很多人开始学习…