All Projects → youknowznm → Vue Memo

youknowznm / Vue Memo

完全原创的基于 Vue.js 的记事本应用

Labels

Projects that are alternatives of or similar to Vue Memo

Tui.image Editor
🍞🎨 Full-featured photo image editor using canvas. It is really easy, and it comes with great filters.
Stars: ✭ 4,761 (+4477.88%)
Mutual labels:  paint
Milton
An infinite-canvas paint program
Stars: ✭ 960 (+823.08%)
Mutual labels:  paint
Vim Codepainter
A plugin for Vim to color different parts of code making the use of Text Properties
Stars: ✭ 73 (-29.81%)
Mutual labels:  paint
Painterro
Painterro - JavaScript painting plugin
Stars: ✭ 496 (+376.92%)
Mutual labels:  paint
Inkpainter
Texture-Paint on Unity.
Stars: ✭ 849 (+716.35%)
Mutual labels:  paint
Literallycanvas
A canvas in your browser. Literally.
Stars: ✭ 1,043 (+902.88%)
Mutual labels:  paint
Photodemon
A free portable photo editor focused on pro-grade features, high performance, and maximum usability.
Stars: ✭ 356 (+242.31%)
Mutual labels:  paint
Sketchpad
Sketchpad is fully customisable collaborative whiteboard plugin written in pure JavaScript.
Stars: ✭ 85 (-18.27%)
Mutual labels:  paint
Mspaintide
Programming in MS Paint
Stars: ✭ 909 (+774.04%)
Mutual labels:  paint
Imgursniper
📷 A quick and easy Image, Screenshot and Screen recording sharing tool
Stars: ✭ 69 (-33.65%)
Mutual labels:  paint
Jspaint
🎨 Classic MS Paint, REVIVED + ✨Extras
Stars: ✭ 5,972 (+5642.31%)
Mutual labels:  paint
Doodle
Image doodle for Android, with functions such as undo, zoom, move, text, image, etc. Also a powerful, customizable and extensible doodle framework & multi-function drawing board. Android图片涂鸦,具有撤消,缩放,移动,添加文字,贴图等功能。还是一个功能强大,可自定义和可扩展的涂鸦框架、多功能画板。
Stars: ✭ 809 (+677.88%)
Mutual labels:  paint
Mopaint
🎨💪 Modern, modular paint and more! (pre-alpha, not much done yet)
Stars: ✭ 50 (-51.92%)
Mutual labels:  paint
React Sketch
Sketch Tool for React-based applications, backed up by FabricJS
Stars: ✭ 414 (+298.08%)
Mutual labels:  paint
Touchable
Flutter library to add gestures and animations to each Shape you draw on your canvas in your CustomPainter
Stars: ✭ 82 (-21.15%)
Mutual labels:  paint
Drawing
A drawing application for the GNOME desktop.
Stars: ✭ 386 (+271.15%)
Mutual labels:  paint
Minipaint
online image editor
Stars: ✭ 1,014 (+875%)
Mutual labels:  paint
Sillynium
Automate the creation of Python Selenium Scripts by drawing coloured boxes on webpage elements
Stars: ✭ 100 (-3.85%)
Mutual labels:  paint
Paintbynumbersgenerator
Paint by numbers generator
Stars: ✭ 85 (-18.27%)
Mutual labels:  paint
Drawingview
android上的一个涂鸦控件。可以设置画笔的粗细,颜色,撤销上一笔涂鸦,提供保存图片的接口。
Stars: ✭ 68 (-34.62%)
Mutual labels:  paint

vue-memo

DEMO在这里

基于 Vue.js 的记事本应用,实现了以下功能:

  • 增删、编辑笔记
  • 标记笔记是否为已完成状态
  • 类别标题内容时间戳进行过滤
  • 创建时间标题排序
  • 暂存未确认保存的笔记
  • 支持文本涂鸦两种记录方式
    • 文本编辑器支持Markdown格式
    • 涂鸦编辑器(来自我的另一个项目)支持选取颜色撤销重做清除画布
  • 通过localStorage对象实现数据的本地持久化
  • 对不同尺寸的桌面端和移动端响应适配
TODO:
  - 编辑笔记时的输入内容验证
  - 用Firebase代替本地存储

10月21日更新:

  • 改善了移动端编辑器的体验:在移动端限制主容器的高度并使溢出内容隐藏,避免编辑器里的touch事件造成视口滚动

本地预览步骤:

$ npm i
$ npm run dev

在 8080 端口查看。
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].