Git Product home page Git Product logo

graphic's Introduction

Graphic

languages: 中文 | English

Canvas Beizer Graphics

一个不依赖三方库的1920*1080图形壁纸生成器。

功能

随机生成这样的图形:

1920*1080

pic1

pic2

使用

打开根目录下index.html,点击鼠标或者按Enter键生成图形。

注意:生成的线条最适配1920*1080尺寸的图形。其他分辨率或偏好需要手动调试。

特点

  • HTML原生Canvas元素 + Canvas元素自带的贝塞尔(Beizer)线条,无依赖库
  • 精心挑选的颜色
  • 精心调试的贝塞尔线条参数和位置

目录结构

│—— .gitignore
│——  index.html 
│——  pic1.png
│——  pic2.png
│——  README.md
│——
|—— src
│    |—— draw.js 
│    |—— main.html
│
|—— test
        playground.html
        playground.js

/index.html 无需任何依赖,可以直接运行的网页(JS和HTML混合,仅仅是/src/draw.js/src/main.html放到了一个文件里)

/src/draw.js 画图函数

/src/main.html 展示页面

/test/playground.html 调试贝塞尔曲线参数的显示部分

/test/playground.js 调试贝塞尔曲线参数的相关支持

graphic's People

Contributors

yuyoung32 avatar

Stargazers

legr4ndk 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.