Giter Club home page Giter Club logo

canvasps's Introduction

批批拼拼

简介

这是一个集成画笔、文字、橡皮檫、吸色器、撤销功能及拼图的图片处理工具,未来会兼容小程序、PC端

技术栈

1、vue3

2、ts

3、vite

4、canvas

上面全部都是初学技术栈,希望看到的大佬闲暇时,能给予反馈、指正 。

愿景

在离职前,实现并优化全部功能,代码结构清晰、规范,高内聚低耦合,达到运行流畅,交互优美的效果,希望简历增色,技术能力得到一定程度的提高

版本更新

2022-11-28

更新:

​ 1、增加简陋版上传图片功能 ​ 2、增加简陋版保存图片功能 ​ 3、readme增加版本信息

TODO :

​ 1、图片缩放后,画笔、橡皮檫位置不准确 ​ 2、保存功能未包含批图数据,且文件命名写死 ​ 3、图片上传后,图片位置位居中展示,且画笔,橡皮檫等位置偏离

下一版本:

​ 1、完善保存功能 ​ 2、完善上传功能 ​ 3、校准画笔、橡皮檫在缩放,上传后偏离的bug ​ 4、实现吸色器。 ​ 5、回顾实现缩放、拖拽功能实现,归纳canvas知识 ​ 6、增加eslint,规范代码

canvasps's People

Contributors

1373861211 avatar

Stargazers

 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.