-
Notifications
You must be signed in to change notification settings - Fork 12
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
1 changed file
with
1 addition
and
1 deletion.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1 +1 @@ | ||
| <!doctype html><html lang=en><meta charset=UTF-8><meta name=viewport content="width=device-width,initial-scale=1"><meta name=description content="Draw on the canvas, then get the js script to render it on the HTML canvas"><meta name=keywords content="draw, canvas, js, script, render, design, html, code, canvascript, graphic"><meta name=author content="Viraj Bijpuria"><meta property=og:title content="CanvaScript - Design for the canvas"><meta property=og:description content="Draw on the canvas, then get the js script to render it on the HTML canvas. A tool for graphic designers and developers."><meta property=og:image content=https://vbprodev.github.io/Canvascript/CanvaScript.png><meta property=og:url content=https://vbprodev.github.io/Canvascript/ ><meta property=og:type content=website><meta name=google-site-verification content=2nZEIGfRoHGC-BS3L-BIv6bkhVUZDpoGNgUK9Z4Pub8><link href=min/stylesheet.min.css rel=stylesheet><link defer href=https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css rel=stylesheet><link rel=icon href=assets/CanvaScript.png type="image/icon type"><title>CanvaScript - Design for the canvas</title><div class="d-flex justify-content-center p-2"><h4 class=me-1>Pick Color:</h4><input class="color me-3" type=color><h4 class=me-1>Pick width:</h4><input class=stroke-width placeholder=1 min=1 type=number id=stroke-width></div><div class="d-flex justify-content-center"><canvas class=canvas></canvas></div><div class="d-flex justify-content-center"><button class="redo btn btn-warning text-white m-3">Redo</button> <button class="reset btn btn-danger m-3">Reset</button> <button class="save btn btn-info text-white m-3">Save</button></div><div class="d-flex justify-content-center"><button class="generate btn btn-success mb-3">Generate code</button></div><code class=space></code><div class=container><div class="row justify-content-center align-items-center"><div class="col-sm-7 col-xl-4 mb-2"><div class=input-group><input placeholder=width id=width class="width form-control"><div class=input-group-append><span class=input-group-text>px</span></div></div></div><div class="col-1 mb-2 text-center"><span>X</span></div><div class="col-sm-7 col-xl-4 mb-2"><div class=input-group><input placeholder=height id=height class="height form-control"><div class=input-group-append><span class=input-group-text>px</span></div></div></div><div class="col-md-2 col-xl-2 mb-2"><button class="btn btn-primary w-100 setBtn">Set</button></div></div></div><div class="d-flex justify-content-center"><div class="col-sm-7 col-xl-5 mb-2"><div class=input-group><input class="design form-control"><div class=input-group-append><span class="input-group-text me-2 copy"><img class=copy-btn src=assets/copy.png alt="Copy to clipboard">Copy</span></div></div><div class="d-flex justify-content-center"><small class="form-text text-center text-muted ms-1">This is your design, an array (a series of numbers), to edit some else's designs, paste his array here</small></div></div></div><div class="d-flex justify-content-center"><button class="user-design btn btn-success ms-2">Use design</button></div><p class=text-center>We have a Discord server <a href=https://discord.gg/ZXMEkzfZXx target=_blank><img class=discord src=assets/discord.png alt="Discord server link"></a><p class=text-center>We are open source! <a href=https://github.com/vbprodev/Canvascript target=_blank><img class=img src=assets/github.png alt="Github repo link"></a></p><script src=min/script.min.js defer></script> | ||
| <!doctype html><html lang=en><head><meta charset=UTF-8><meta name=viewport content="width=device-width,initial-scale=1"><meta name=description content="Draw on the canvas, then get the js script to render it on the HTML canvas"><meta name=keywords content="draw, canvas, js, script, render, design, html, code, canvascript, graphic"><meta name=author content="Viraj Bijpuria"><meta property=og:title content="CanvaScript - Design for the canvas"><meta property=og:description content="Draw on the canvas, then get the js script to render it on the HTML canvas. A tool for graphic designers and developers."><meta property=og:image content=https://vbprodev.github.io/Canvascript/CanvaScript.png><meta property=og:url content=https://vbprodev.github.io/Canvascript/ ><meta property=og:type content=website><meta name=google-site-verification content=2nZEIGfRoHGC-BS3L-BIv6bkhVUZDpoGNgUK9Z4Pub8><link href=min/stylesheet.min.css rel=stylesheet><link defer href=https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css rel=stylesheet><link rel=icon href=assets/CanvaScript.png type="image/icon type"><title>CanvaScript - Design for the canvas</title></head><div class="d-flex justify-content-center p-2"><h4 class=me-1>Pick Color:</h4><input class="color me-3" type=color><h4 class=me-1>Pick width:</h4><input class=stroke-width placeholder=1 min=1 type=number id=stroke-width></div><div class="d-flex justify-content-center"><canvas class=canvas></canvas></div><div class="d-flex justify-content-center"><button class="redo btn btn-warning text-white m-3">Redo</button> <button class="reset btn btn-danger m-3">Reset</button> <button class="save btn btn-info text-white m-3">Save</button></div><div class="d-flex justify-content-center"><button class="generate btn btn-success mb-3">Generate code</button></div><code class=space></code><div class=container><div class="row justify-content-center align-items-center"><div class="col-sm-7 col-xl-4 mb-2"><div class=input-group><input placeholder=width id=width class="width form-control"><div class=input-group-append><span class=input-group-text>px</span></div></div></div><div class="col-1 mb-2 text-center"><span>X</span></div><div class="col-sm-7 col-xl-4 mb-2"><div class=input-group><input placeholder=height id=height class="height form-control"><div class=input-group-append><span class=input-group-text>px</span></div></div></div><div class="col-md-2 col-xl-2 mb-2"><button class="btn btn-primary w-100 setBtn">Set</button></div></div></div><div class="d-flex justify-content-center"><div class="col-sm-7 col-xl-5 mb-2"><div class=input-group><input class="design form-control"><div class=input-group-append><span class="input-group-text me-2 copy"><img class=copy-btn src=assets/copy.png alt="Copy to clipboard">Copy</span></div></div><div class="d-flex justify-content-center"><small class="form-text text-center text-muted ms-1">This is your design, an array (a series of numbers), to edit some else's designs, paste his array here</small></div></div></div><div class="d-flex justify-content-center"><button class="user-design btn btn-success ms-2">Use design</button></div><p class=text-center>We have a Discord server <a href=https://discord.gg/ZXMEkzfZXx target=_blank><img class=discord src=assets/discord.png alt="Discord server link"></a><p class=text-center>We are open source! <a href=https://github.com/vbprodev/Canvascript target=_blank><img class=img src=assets/github.png alt="Github repo link"></a></p><script src=min/script.min.js defer></script> |