首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

Rnote:Star 8.6k,github上的宝藏项目,手绘与手写画图笔记,用它画图做笔记超丝滑,值得尝试!

Rnote提供了PDF和图片的导入导出功能、无限画布以及适应不同屏幕尺寸的UI界面。...背景定制:自定义背景颜色、图案和大小。页面格式:自定义页面格式。声音效果:可选的笔触声音。快捷键配置:可重新配置的手写笔按钮快捷键。工作区浏览器:集成的工作区浏览器,快速访问相关文件。...多文档工作:使用标签在多个文档之间工作。自动保存与打印:支持自动保存和打印功能。...要更改映射到此“橡皮擦”模式的工具,请按照以下步骤操作: 将手写笔悬停在画布上,并按住被怀疑映射到“橡皮擦”模式的按钮在按住按钮的同时切换到所需的笔样式释放按钮时,它应该切换回之前的笔样式“橡皮擦”模式中的笔样式现在应该被记住字体...Pizzara:一款创新的绘图应用,具有高级形状处理和无限缩放功能,但与Rnote相比,可能在文档注释方面稍显不足。Inkscape:一个强大的矢量图形编辑器,适用于创建和编辑SVG文件。

5700
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    使用Docker部署paint-board轻松搭建个人云端画板教程大公开

    想象一下,在忙碌的工作间隙或者悠闲的周末时光里,你只需要打开浏览器就能立刻进入自己的创意世界。是不是感觉特别爽?而且,这款工具不仅仅局限于你的本地电脑哦。...3.橡皮擦模式: 橡皮擦模式可线性擦除所有内容,并支持线性宽度配置。 4.选择模式: 在选择模式下,可以通过点击绘画内容进行框选。点击手柄支持拖拽、缩放和旋转操作,提供灵活的编辑方式。...5.画板配置: 画板支持配置背景配置, 包括颜色, 背景图, 透明度。 画板支持自定义宽高配置。 支持绘画缓存,在存在大量绘制内容的情况下,启用缓存将提高绘制性能,而禁用缓存则会提升画布清晰度。...上传图片支持去除背景(浏览器需支持WebGPU) 保存为图片支持自定义配置. 旋转, 缩放, 裁切 7.电脑端: 按住 Space 键并点击鼠标左键可移动画布,滚动鼠标滚轮实现画布缩放。...如果想不在家中时,也能在外部网络环境远程访问本地部署的Paint Board,应该怎么办呢?

    8110

    2k star 免费强大的开源艺术画板,赶紧来体验一下

    项目简介 Paint Board 是一个跨平台的趣味艺术画板工具,适合各类自由创作需求,无论是新手还是专业画家,都能在其中找到适合的绘画方式。无论是简单的涂鸦,还是复杂的多层次画作,都可以轻松完成。...Paint Board 主要功能丰富,支持多种画笔、形状绘制、橡皮擦模式、图层管理、画布配置等功能,能满足用户的不同需求,适用于网页端、电脑端和移动端。...橡皮擦模式:按需擦除内容,线性宽度可调。 选择模式:选择绘图内容后可进行拖拽、缩放、旋转等编辑操作,支持图层设置、透明度调整等。 画板配置:背景、尺寸可自由调整,新增辅助线绘制功能。...多功能菜单:撤销、复制、保存等功能一应俱全,支持上传图片去除背景,支持保存为图片的多种选项。 国际化支持:支持中文和英文,支持离线访问的 PWA 模式。...无论是业余爱好者还是专业插画师,都能轻松上手,在繁忙的工作之余,小小的体验一下艺术带来的乐趣。 项目地址:https://github.com/LHRUN/paint-board

    11910

    ps切图必知必会

    ps软件,无从下手,有时候呢,即使自己曾今,ps技术玩的很溜,但是只要一段时间没有去接触,就会很陌生,一些习以为常的技巧,忘得一干二净,非常苦恼,您将在本篇学会一些常用的奇淫绝技,完全可以胜任ps切图工作...) 裁切工具(切片工具),可实现切图 吸管工具(取色器,吸字体,吸背景色) 橡皮擦(可对你进行过ps的操作,进行擦除) 横排文字(更改文字) 手抓(整体移动图片),空格键(按住不放,拖动鼠标,可以实现图片的移动...web格式,进行图片存储格式选择 图片格式(PSD / JPG/Gif/PNG)特点 psd(源文件),是直接没办法使用的 jPG/GIF/PNG(导出图):存储的时候选择存储为web和设备所用格式,而不选择直接存储...,减少http请求,当然有的小图标,如果用字体图标也是可以的,这样比背景图还要好 方法一:新建一个画布,然后依次的将所扣出的图标复制粘贴到新的图层即可(复制粘贴的图标,要把背景色去掉为透明背景) 方法二...:新建一个画布,右侧的图层,选中图标,复制所对应的图层到新建的那个画布当中去,然后依次的将图标进行有序的排放(注意的是将所有的图标图层一次性的复制过去)–ctrl+Alt+T(更改图标在图层的x,y轴的坐标

    3K20

    大厂程序员都在用什么绘图工具?

    作者 Excalidraw[3] 的作者是一位目前在 Facebook 工作的法裔前端开发工程师 Vjeux。...左上角是菜单栏,有打开文件、保存文件、导出图片、实时协作、重置画布、设置画布背景等功能; 顶部是工具栏,有拖动、选择、矩形、菱形、圆形、箭头、线、画笔、文本、图片、橡皮擦等功能; 右上角有实时协作、素材库功能...下面,我们来绘制一个矩形,我们可以看到在左侧菜单,可以对我们刚绘制的图形进行属性设置,包括描边、背景、宽度、边框、线条风格、边角、透明度,同时我们可以可以进行图层、赋值、删除、增加链接等操作; 接下来,...与此同时,也在画布左上角显示了当前画布名称,告诉用户当前编辑的画布是哪一个,避免在并行绘制过程中出现画布混淆。...另外,只有单画布能力也大大限制了我们日常的使用效率。

    30810

    h5小游戏——HitRocket

    一.游戏介绍 游戏介绍: 不断有携带字母炸弹的火箭撞向地面,请根据火箭身上的字母敲击键盘,每一次对应的敲击会击落携带该字母的火箭并使得分加一,每一架火箭撞到地面会使生命值减一,每击落十架火箭,火箭数会加一...二.HTML内容 index.html里包含canvas画布和一个 介绍游戏规则的div, 当鼠标点击页面任何一个地方的时候,进入游戏界面: index 浏览器不支持canvas 1.Click space...requestAnimFrame的用法,先设置浏览器的兼容,并设置动画的帧率,这里设置为每1000/60ms执行一次回调函数 window.requestAnimFrame = (function()...Rockets代码块控制所有Rocket对象的自绘,并在键盘敲击时,循环遍历数组中的对象以判断火箭是否被击中。...//若击中,分数+1,重置火箭 if(this.letter==key){ score++; //每击中10个火箭,生命值+1,上限为8,火箭数+1,无上限

    1.2K100

    android studio飞机大战游戏带注释源码教程(多线程)

    第一次发博客,学了3天的android studio还有一点以前的java基础做了个基于多线程的飞机大战的游戏 不过,不建议这么做,游戏一般一个主线程控制所有对象 游戏比较简单大概就这几个功能...;//获取宽 my.h=h;//高 //获取手机(应该不是手机的吧 是这控件的吧)分辨率和1920*1080的比例 //然后飞机的宽高乘上这个分辨率就能在不同大小的屏幕正常显示了...swing是repaint()方法刷新的 //然后这里没有repaint方法 //然后突然想起C#有一个invalidate()方法是刷新画布的...e.printStackTrace(); break; } if(flag || r.top+h击中过敌人...https://download.csdn.net/download/u010756046/10406656 发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/130591.html

    2.2K20

    Fabric.js 元素选中状态的事件与样式

    ---- 本文简介 你是否在使用 Fabric.js 时希望能在选中元素后自定义元素样式或选框(控制角和辅助线)的样式? 如果是的话,可以放心往下读。...我将对象元素选中后的设置分成3类进行讲解: 控制角 辅助边 其他样式 状态 准备工作 创建一个画布和一个圆形。为什么是圆形而不是矩形?等下你就知道了。...背景色 这里所说的背景色和 css 里面的背景色不是同一回事。 本文要介绍 Fabric.js 的背景色有2种。一种是元素自身的背景色,另一种是选中后的背景色。...禁止选中 如果你不希望元素被选中,可以将元素的 selectable 属性设置为 false。...《Fabric.js 限制边框宽度缩放》 《Fabric.js 监听元素相交(重叠)》 《Fabric.js 橡皮擦的用法(包含恢复功能)》 《Fabric.js 喷雾笔刷 从入门到放肆》 《Fabric.js

    7.2K20

    【响应式编程的思维艺术】 (4)从打飞机游戏理解并发与流的融合

    document.getElementById('canvas'); canvas.height = 300; canvas.width = 300; 需要避免的几种方式(都是只改变画板尺寸,不改变画布尺寸...Rx.Observable.combineLatest以后整体的流不自动触发了 combineLatest这个运算符需要等所有的流都emit一次数据以后才会开始emit数据,因为它需要为整合在一起的每一个流保持一个最新值...一段越来越快的流 笔者自己在生成敌机的时候,第一次写出这样一段代码: let enemyShipStream = Rx.Observable.interval(1500) .scan((prev)=...参考代码及Demo说明 demo中的index.html是学习原文时拷贝的代码,mygame中的代码是笔者写的,有需要的读者自行使用即可。...myspace.js-星空背景流 /** * 背景 * 扩展思考:如何融入全屏resize事件来自动调整星空 */ //将全屏初始化为画布舞台 let canvas = document.getElementById

    87440

    60分太低,100分太高,80分正合适

    原本我在工作中有一个思路引导:任务及格分是60分,应该尽可能想完善,超出任务期望的预期,做到100分。...往往会带来这些问题: 工具复杂性加大,复杂性将带来设计、开发、推广、运营的成本; 把用户都假想成了小白,在交互性上投入过多; “完美”的工具设计需要标准化与管理流程加以配合,既需要统一思路,还会冲击己有的工作方式...从专业背景看,工具团队的同事应该具备对线上数字化工具的实现手段有更深的认识,我们需要利用这个优势去解决上述两个问题。...二、如何达到适当的80分 以前听过一个在太空中写字的段子,说的是美国人为了让宇航圆能在太空中写字,花了大量的成本研究了一支不用重力就可以写字的钢笔,苏联人也实现了这个难题,只不过他们带上了一支铅笔...我们先不评价不用重力的钢笔带来的科研成果效益,就单讲解决太空中写字的问题,无疑是铅笔更合适。因为除了研发成本高以外,不用重力的钢笔因为设计的复杂性,还将带来后期的管理成本。

    57920

    WPF 使用 Microsoft.Toolkit.Wpf.UI.Controls 的 InkCanvas 做高性能笔迹应用

    但是请安心,因为带 UWP 控件的应用只能在 Win10 下跑,而 Win10 是不存在 .NET Core 的环境问题的,因此采用 .NET Core 框架将会非常稳 编辑此 WPF 应用的 csproj...但是默认此时的应用还不能被运行,因为要用 UWP 的控件就需要做一次桌面打包,此时需要做的是再创建一个打包项目用来辅助打包。...LaykearduchuNachairgurharhear 文件夹 如果不想走 UWP 安装包,也可以放在 WPF 应用程序上,请看 WPF 引用 UWP 控件 不打包为 MSIX 分发的方法 如果想给画布加上背景...,请看 WPF 使用 Microsoft.Toolkit.Wpf.UI.Controls 的 InkCanvas 时加上背景色和按钮方法 更多触摸请看 WPF 触摸相关 更多笔迹相关请看 WPF 渲染原理...uwp win2d CanvasVirtualControl 与 CanvasAnimatedControl WPF 最简逻辑实现多指顺滑的笔迹书写 WPF 笔迹触摸点收集工具 WPF 实现自定义的笔迹橡皮擦

    1.2K40

    Canvas入门到高级详解(上)

    (了解) 是 HTML5 提供的一种新标签 英 ['kænvəs] 美 ['kænvəs] 帆布 画布 Canvas 是一个矩形区域的画布,可以用 JavaScript...可以给 canvas 画布设置背景色 2.1.2 浏览器不兼容处理(重点) ie9 以上才支持 canvas, 其他 chrome、ff、苹果浏览器等都支持 只要浏览器兼容 canvas,那么就会支持绝大部分...api(个别最新 api 除外) 移动端的兼容情况非常理想,基本上随便使用 2d 的支持的都非常好,3d(webgl)ie11 才支持,其他都支持 如果浏览器不兼容,最好进行友好提示 例如: 你的浏览器不支持canvas,请升级浏览器.浏览器不支持,显示此行文本 浏览器不兼容,可以使用flash等手段进行优雅降级 2.2 canvas...2.3.10 清除矩形(clearRect) * 语法:ctx.clearRect(x, y, width, hegiht); * 解释:清除某个矩形内的绘制的内容,相当于橡皮擦。

    1.7K32

    安卓环境下笔记软件总结

    在综合了价格等因素后,我选择了华为MatepadPro,这样在不用电脑模拟器的情况下我还可以使用平板进行阅读和书写记录,从综合价格上来说是最划算的,使用寿命预期是5-7年,预期是工作三年之后再换最新的手机...pdf 插入语音: 时间: 条数,是否重叠: 是否会自动翻译,允许保存原音 导出: 是否支持pdf 是否同步 备忘录 页面 简介 备忘录是华为官方应用,可以同时支持文本编辑、图片插入、语音输入(不超过...但是能够导入word、HTML和文本 是否同步:可以同步 场景 能够仔细书写的场景,对保存的信息有要求,需要文字信息时可以使用。 其他时候不推荐,毕竟识别准确率还是不够高,可以切分起来很麻烦。...总结 总体: 背景是否可变:可变,但只能在格子纸中选择,背景都是白色的,很难受。...延迟:很低 快捷操作是否便捷:可以使用单指按压设置功能,我设置了橡皮擦。很便捷,还可以自行调整。 手写页面是下拉还是无限:无限,双指按压可以得到无限页面,页面本身可以对大小进行设置。

    5.5K30

    揭秘!价值百万的像素填色解决方案,想开发绘本应用的有福了!

    魔术橡皮擦 大家好,我是麦芽的香气,一个喜欢解决产品来解决需求的开发者。4年Cocos Creator小游戏、教育App开发,今天给大家分享一些我在工作中积累的小经验Demo。...画线和橡皮檫,通过像素画线来解决该痛点(橡皮檫功能,且背景不是纯白底图) 给一张图片进行填色,儿童小游戏 本案例Demo 代码已经分享到 Cocos Store 感谢大家的支持!...let sprite = this.target.getComponent(cc.Sprite) sprite.spriteFrame = spriteFrame; } 二、魔术橡皮擦...魔术橡皮擦 该项目铅笔和橡皮檫都是通过 touchMove 的距离大于 5(项目调优值、画线据此值)来获取两个点。...在线体验: http://gameview.creator-star.cn/maiyadexiangqi/tianse/index.html 如图:我们的场景中有大大小小的不标准的图形,我们获取起触摸点

    89930

    Microsoft office 2021激活密钥值得购买吗?

    新增功能: 工作表视图 在不中断他人的情况下在 Excel 工作表中创建自定义视图。 新增功能: 注意: 工作表视图在 Excel LTSC 2021 中不可用。...使用手指、笔或鼠标在单独的画布中批注电子邮件图像或绘图。...现在,Word 中的深色模式还提供深色画布。 新增功能: 使用行焦点提高理解 在 Word 中一行一行地浏览文档而不不受干扰。 调整焦点,一次在视图中放入一行、三行或五行。...使用新的"绘图"选项卡添加内容简化墨迹处理方式: 点橡皮擦、 标尺和 套索。...新增功能: 工作区中社交距离规划的内容 许多工作场所需要重新规划,以遵循现行的社交距离准则。

    5.8K40

    【Web技术】929- 前端海报生成的不同方案和优劣

    一、背景 工作中做了很多生成海报的功能,不同需求,不同场景,使用了几种方案,各有优劣。...ios某些版本下微信失败的情况,暂没有复现 2 dom-to-img 版本2.6.0 https://github.com/tsayen/dom... star:6.9k 优点 元素齐全,还原度高 缺点 不兼容...链接: https://github.com/tsayen/dom... https://html.spec.whatwg.org/......SVG在Web攻击中的应用: https://www.anquanke.com/post... 2.iOS14.2下,图片丢失问题 其实在测的时候,发现ios14.2下生成图片第一次始终会出现图片丢失,...第二次或第三次正常 解决方案,2~3次调用,取最后一次(看issue里有些机型还是不支持的) 3.低端安卓机上会出现失败情况,主要是文字的问题(这里是我写过的旧的记录,不是很确定) ?

    1.5K40
    领券