Code Monkey home page Code Monkey logo

poster's Introduction

海报生成器

使用 <canvas> 的**海报生成器**。

注:页面主要为手机端设计,在电脑浏览器中打开时,请缩小浏览器宽高比至手机竖屏比例。

构建

React + ES6 + SCSS + Webpack

使用

1.克隆项目至本地环境并进入项目目录:

git clone https://github.com/TeamStuQ/Poster
cd Poster

2.安装相关的依赖包(请确保你已经安装了node.js):

npm install

3.如果需要,在全局环境下安装 webpack

npm install wepack -g

4.将项目的源代码(位于 src/ 下)编译至生产所需的目标码(位于 dist/ 下):

webpack -w

webpack 使用说明请参考 https://webpack.github.io/docs/

5.效果预览,请在项目的根目录下开启 http 服务器,推荐使用 webpack-dev-server

npm install webpack-dev-server -g
webpck-dev-server

然后在浏览器中访问 http://localhost:8080/ 即可。

注:本项目不包含后端代码及其实现。

截图

其他

本项目中使用到的其他开源项目:

poster's People

Contributors

hzraevets avatar lmdeditor avatar stevearzh avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

poster's Issues

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.