paint-board

基于 Canvas 的多功能画板
授权协议 MIT
开发语言 TypeScript
所属分类 应用工具、 图形和图像工具
软件类型 开源软件
地区 不详
投 递 者 葛鸿熙
操作系统 跨平台
开源组织
适用人群 未知
 软件概览

paint-board 是一个基于 Canvas 的多功能画板,包括自由绘图、橡皮擦、文本、选择、图层、撤消、重做、清除等功能。

功能列表

已完成功能:

  • 画笔
    • 可修改颜色,可根据速度动态展示线宽
    • 多种画笔效果,荧光、多色、蜡笔、喷雾、泡泡...
  • 橡皮擦,随鼠标线性擦除内容
  • 绘制文字,双击画板输入文字绘制指定位置
  • 画板拖拽,按住空格可以无限拖拽画板
  • 选择模式,选择模式下可以点击元素进行框选,并按住手柄进行缩放或者移动,点击Backspace键可以删除选择元素
  • 图层,画板内容是按照图层顺序进行显示,可新增删除排序图层
  • 撤销,反撤销,清除画板,保存为图片

待完成功能:

  • 图片加载
  • 画板缩放
  • 背景颜色切换
  • 多画板
  • ...

本地启动

git clone https://github.com/LHRUN/paint-board.git
pnpm install
pnpm dev
  • package guitest.myboard; import java.awt.*; import java.awt.event.*; import java.awt.geom.*; import java.io.*; import java.util.*; import javax.swing.*; //the point //impress the info of one point,

  • 官方Xfermode的实例 里面18中模式详解 public class XfermodesActivity extends AppCompatActivity { // create a bitmap with a circle, used for the "dst" image static Bitmap makeDst(int w, int h) { Bitmap bm = Bitmap.c

 相关资料
  • 在这个例子中我们将使用画布(Canvas)创建一个简单的绘制程序。 在我们场景的顶部我们使用行定位器排列四个方形的颜色块。一个颜色块是一个简单的矩形,使用鼠标区域来检测点击。 Row { id: colorTools anchors { horizontalCenter: parent.horizontalCenter

  • 本文向大家介绍Python基于tkinter canvas实现图片裁剪功能,包括了Python基于tkinter canvas实现图片裁剪功能的使用技巧和注意事项,需要的朋友参考一下 实现:tkinter 画布上显示图片,按下鼠标左键并且移动,实现截图 代码如下 原图one.png 运行 one_corp.png 源码(https://github.com/rainbow-tan/rainbow/

  • 本文向大家介绍javascript基于HTML5 canvas制作画箭头组件,包括了javascript基于HTML5 canvas制作画箭头组件的使用技巧和注意事项,需要的朋友参考一下 样例: 废话少说,直接上代码: arrow.js arrow.html

  • 问题内容: 基于python,用pandas排序降序数据框: 鉴于: df如下所示: 我想要类似的东西: 这应该相对于列“ x”和“ y”的平方值的总和来排序完整的数据框,然后给我: 升序或降序无关紧要。有没有一个简单而好的方法?我找不到解决方案。 问题答案: df.iloc[(df.x 2 + df.y 2).sort_values().index] 在如何根据字符串索引上的自定义顺序对熊猫数据

  • 在 MinDoc 0.7 以及以上版本,导出功能由calibre实现。该程序是基于python的电子书制作软件,可导出多种文档格式。 在MinDoc v0.12 以上版本,需要在配置文件中开启导出功能: enable_export="${MINDOC_ENABLE_EXPORT||true}" 目前MinDoc 支持导出 PDF、EPUB、MOBI、Word 四种格式。 感谢 @TruthHun

  • HTML5元素canvas为您提供了一种使用JavaScript绘制图形的简单而强大的方法。它可以用于绘制图形,制作照片合成或做简单(而不是那么简单)的动画。 这是一个简单的canvas元素,它只有两个特定属性width和height以及所有核心HTML5属性,如id,name和class等 <canvas id = "mycanvas" width = "100" height = "100">