github/rough
1
1
Fork 0
mirror of https://github.com/rough-stuff/rough.git synced 2026-01-10 06:57:55 -05:00
Code Issues Packages Projects Releases Wiki Activity

misc

Browse Source
This commit is contained in:
Preet Shihn
2020-01-10 15:12:18 -08:00
parent d5d3dd16b4
commit 98a4f67714
5 changed files with 1 additions and 88 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
.npmignore
View File

@@ -4,7 +4,6 @@ z
node_modules
docs
src
logo
tslint.json
rollup.config.js
.gitignore

2
LICENSE
View File

@@ -1,6 +1,6 @@
MIT License
Copyright (c) 2018 Preet Shihn
Copyright (c) 2019 Preet Shihn
Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal

14
logo/index.html
View File

@@ -1,14 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>RougJS logo</title>
</head>
<body>
<img src="roughlogo.svg" alt="RoughJS logo" />
<script src="../dist/rough.js"></script>
<script src="./roughjs-logo.js"></script>
</body>
</html>

71
logo/roughjs-logo.js
View File

@@ -1,71 +0,0 @@
const makeRoughLogo = () => {
let roughLogo = document.createElementNS("http://www.w3.org/2000/svg", "svg");
roughLogo.setAttribute("width", "200");
roughLogo.setAttribute("height", "200");
roughLogo.setAttributeNS(
"http://www.w3.org/2000/xmlns/",
"xmlns:xlink",
"http://www.w3.org/1999/xlink"
);
roughLogo.setAttribute("xmlns", "http://www.w3.org/2000/svg");
roughLogo.setAttribute("viewbox", "0 0 200 200");
document.body.appendChild(roughLogo);
const rc = rough.svg(roughLogo);
const pink = "rgba(255,0,255,0.4)";
// The frame of the logo
let outerBox = rc.rectangle(0, 0, 200, 200, {
stroke: "blue",
fill: "#fff3ff",
fillStyle: "solid",
strokeWidth: 6
});
let innerBox = rc.rectangle(0, 0, 60, 198, {
roughness: 1.5,
strokeWidth: 5,
fill: pink,
stroke: "blue",
hachureAngle: 92,
roughness: 1,
fillWeight: 3,
hachureGap: 15
});
const circleSize = [102, 70, 128, 128];
// A backdrop to keep the solid background
let circleBackdrop = rc.ellipse(...circleSize, {
stroke: "blue",
strokeWidth: 2,
roughness: 1,
fill: "white",
fillStyle: "solid"
}); // x, y, width, height
let circle = rc.ellipse(...circleSize, {
stroke: "blue",
roughness: 1.5,
strokeWidth: 4,
fill: pink,
fillStyle: "zigzag"
}); // x, y, width, height
let triangle = rc.path("M60 128 L 200 146 L 148 198 Z", {
fill: pink,
fillStyle: "dots",
stroke: "blue",
hachureAngle: 45,
strokeWidth: 2.4,
fillWeight: 3,
roughness: 2.5,
hachureGap: 5
});
roughLogo.appendChild(outerBox);
roughLogo.appendChild(triangle);
roughLogo.appendChild(innerBox);
roughLogo.appendChild(circleBackdrop);
roughLogo.appendChild(circle);
};
makeRoughLogo();

1
logo/roughlogo.svg
View File

File diff suppressed because one or more lines are too long
Side by Side

Before

Width:  |  Height:  |  Size: 451 KiB