heuzef
/
icon-collection
kopia lustrzana https://github.com/benc-uk/icon-collection.git
1
0
Forkuj 0
Kod Zgłoszenia 0 Wydania 1 Wiki Aktywność
Przeglądaj źródła

Yes

pull/1/head
Ben Coleman 5 lat temu
rodzic
590cbdaa84
commit
ccdda98865
7 zmienionych plików z 203 dodań i 77 usunięć
Zunifikowany widok
Opcje porównania
Pokaż statystyki Ściągnij plik aktualizacji Ściągnij plik porównania
  1. +29
    -11
      _tools/gallery.js
  2. +29
    -11
      azure-docs/index.html
  3. +29
    -11
      azure-dotcom/index.html
  4. +29
    -11
      azure-patterns/index.html
  5. +29
    -11
      learning-site/index.html
  6. +29
    -11
      logos/index.html
  7. +29
    -11
      other/index.html

+ 29
- 11
_tools/gallery.js Wyświetl plik

@@ -22,7 +22,7 @@ body {
margin: 0; margin: 0;
} }
.bg0 { .bg0 {
background-image: url("../_tools/background.png")
background-image: url("https://github.com/benc-uk/icon-collection/raw/master/_tools/background.png")
} }
.bg1 { .bg1 {
background-color: #333; background-color: #333;
@@ -65,6 +65,16 @@ h1 {
top: -2rem; top: -2rem;
font-size: 1.5rem; font-size: 1.5rem;
} }
.pngbox {
position: absolute;
top: 2rem;
right: 1rem;
font-size: 1.5rem;
}
input[type="checkbox"] {
width: 1.6em;
height: 1.6em;
}
.label { .label {
height: 2.5em; height: 2.5em;
line-height: 1em; line-height: 1em;
@@ -80,7 +90,8 @@ h1 {
<body> <body>
<div class="top"> <div class="top">
<h1>${TITLE}</h1> <h1>${TITLE}</h1>
<span class="find">Finder: <input onkeyup="search()" id="finder"><br></span>
<span class="find">Finder: <input onkeyup="search()" id="finder"><br></span>
<div class="pngbox"><input type="checkbox" id="pngcheck"><label for="pngcheck">Download as PNG</label></div>
<button onclick="toggleBg()">Change Background</button> <button onclick="toggleBg()">Change Background</button>
</div> </div>
<div class="grid"> <div class="grid">
@@ -120,19 +131,26 @@ function search() {
} }


function download(f, e) { function download(f, e) {
let a = document.createElement('a')
a.href = f
a.download = f
//a.click()

console.log(getBase64Image(e))

var downloadPNG = document.getElementById("pngcheck").checked;
if(downloadPNG) {
var data = getBase64Image(e);
let a = document.createElement('a')
a.href = "data:application/octet-stream;base64," + data
a.download = f.replace('.svg', '.png')
a.click()
} else {
let a = document.createElement('a')
a.href = f
a.download = f
a.click()
}
} }


function getBase64Image(img) { function getBase64Image(img) {
var canvas = document.createElement("canvas"); var canvas = document.createElement("canvas");
canvas.width = img.width;
canvas.height = img.height;
canvas.width = img.naturalWidth;
canvas.height = img.naturalHeight;
console.log(canvas.width , canvas.height)
var ctx = canvas.getContext("2d"); var ctx = canvas.getContext("2d");
ctx.drawImage(img, 0, 0); ctx.drawImage(img, 0, 0);
var dataURL = canvas.toDataURL("image/png"); var dataURL = canvas.toDataURL("image/png");


+ 29
- 11
azure-docs/index.html Wyświetl plik

@@ -10,7 +10,7 @@ body {
margin: 0; margin: 0;
} }
.bg0 { .bg0 {
background-image: url("../_tools/background.png")
background-image: url("https://github.com/benc-uk/icon-collection/raw/master/_tools/background.png")
} }
.bg1 { .bg1 {
background-color: #333; background-color: #333;
@@ -53,6 +53,16 @@ h1 {
top: -2rem; top: -2rem;
font-size: 1.5rem; font-size: 1.5rem;
} }
.pngbox {
position: absolute;
top: 2rem;
right: 1rem;
font-size: 1.5rem;
}
input[type="checkbox"] {
width: 1.6em;
height: 1.6em;
}
.label { .label {
height: 2.5em; height: 2.5em;
line-height: 1em; line-height: 1em;
@@ -68,7 +78,8 @@ h1 {
<body> <body>
<div class="top"> <div class="top">
<h1>Azure Docs</h1> <h1>Azure Docs</h1>
<span class="find">Finder: <input onkeyup="search()" id="finder"><br></span>
<span class="find">Finder: <input onkeyup="search()" id="finder"><br></span>
<div class="pngbox"><input type="checkbox" id="pngcheck"><label for="pngcheck">Download as PNG</label></div>
<button onclick="toggleBg()">Change Background</button> <button onclick="toggleBg()">Change Background</button>
</div> </div>
<div class="grid"> <div class="grid">
@@ -288,19 +299,26 @@ function search() {
} }


function download(f, e) { function download(f, e) {
let a = document.createElement('a')
a.href = f
a.download = f
//a.click()

console.log(getBase64Image(e))

var downloadPNG = document.getElementById("pngcheck").checked;
if(downloadPNG) {
var data = getBase64Image(e);
let a = document.createElement('a')
a.href = "data:application/octet-stream;base64," + data
a.download = f.replace('.svg', '.png')
a.click()
} else {
let a = document.createElement('a')
a.href = f
a.download = f
a.click()
}
} }


function getBase64Image(img) { function getBase64Image(img) {
var canvas = document.createElement("canvas"); var canvas = document.createElement("canvas");
canvas.width = img.width;
canvas.height = img.height;
canvas.width = img.naturalWidth;
canvas.height = img.naturalHeight;
console.log(canvas.width , canvas.height)
var ctx = canvas.getContext("2d"); var ctx = canvas.getContext("2d");
ctx.drawImage(img, 0, 0); ctx.drawImage(img, 0, 0);
var dataURL = canvas.toDataURL("image/png"); var dataURL = canvas.toDataURL("image/png");


+ 29
- 11
azure-dotcom/index.html Wyświetl plik

@@ -10,7 +10,7 @@ body {
margin: 0; margin: 0;
} }
.bg0 { .bg0 {
background-image: url("../_tools/background.png")
background-image: url("https://github.com/benc-uk/icon-collection/raw/master/_tools/background.png")
} }
.bg1 { .bg1 {
background-color: #333; background-color: #333;
@@ -53,6 +53,16 @@ h1 {
top: -2rem; top: -2rem;
font-size: 1.5rem; font-size: 1.5rem;
} }
.pngbox {
position: absolute;
top: 2rem;
right: 1rem;
font-size: 1.5rem;
}
input[type="checkbox"] {
width: 1.6em;
height: 1.6em;
}
.label { .label {
height: 2.5em; height: 2.5em;
line-height: 1em; line-height: 1em;
@@ -68,7 +78,8 @@ h1 {
<body> <body>
<div class="top"> <div class="top">
<h1>Azure.com Various</h1> <h1>Azure.com Various</h1>
<span class="find">Finder: <input onkeyup="search()" id="finder"><br></span>
<span class="find">Finder: <input onkeyup="search()" id="finder"><br></span>
<div class="pngbox"><input type="checkbox" id="pngcheck"><label for="pngcheck">Download as PNG</label></div>
<button onclick="toggleBg()">Change Background</button> <button onclick="toggleBg()">Change Background</button>
</div> </div>
<div class="grid"> <div class="grid">
@@ -111,19 +122,26 @@ function search() {
} }


function download(f, e) { function download(f, e) {
let a = document.createElement('a')
a.href = f
a.download = f
//a.click()

console.log(getBase64Image(e))

var downloadPNG = document.getElementById("pngcheck").checked;
if(downloadPNG) {
var data = getBase64Image(e);
let a = document.createElement('a')
a.href = "data:application/octet-stream;base64," + data
a.download = f.replace('.svg', '.png')
a.click()
} else {
let a = document.createElement('a')
a.href = f
a.download = f
a.click()
}
} }


function getBase64Image(img) { function getBase64Image(img) {
var canvas = document.createElement("canvas"); var canvas = document.createElement("canvas");
canvas.width = img.width;
canvas.height = img.height;
canvas.width = img.naturalWidth;
canvas.height = img.naturalHeight;
console.log(canvas.width , canvas.height)
var ctx = canvas.getContext("2d"); var ctx = canvas.getContext("2d");
ctx.drawImage(img, 0, 0); ctx.drawImage(img, 0, 0);
var dataURL = canvas.toDataURL("image/png"); var dataURL = canvas.toDataURL("image/png");


+ 29
- 11
azure-patterns/index.html Wyświetl plik

@@ -10,7 +10,7 @@ body {
margin: 0; margin: 0;
} }
.bg0 { .bg0 {
background-image: url("../_tools/background.png")
background-image: url("https://github.com/benc-uk/icon-collection/raw/master/_tools/background.png")
} }
.bg1 { .bg1 {
background-color: #333; background-color: #333;
@@ -53,6 +53,16 @@ h1 {
top: -2rem; top: -2rem;
font-size: 1.5rem; font-size: 1.5rem;
} }
.pngbox {
position: absolute;
top: 2rem;
right: 1rem;
font-size: 1.5rem;
}
input[type="checkbox"] {
width: 1.6em;
height: 1.6em;
}
.label { .label {
height: 2.5em; height: 2.5em;
line-height: 1em; line-height: 1em;
@@ -68,7 +78,8 @@ h1 {
<body> <body>
<div class="top"> <div class="top">
<h1>Azure Patterns Collection</h1> <h1>Azure Patterns Collection</h1>
<span class="find">Finder: <input onkeyup="search()" id="finder"><br></span>
<span class="find">Finder: <input onkeyup="search()" id="finder"><br></span>
<div class="pngbox"><input type="checkbox" id="pngcheck"><label for="pngcheck">Download as PNG</label></div>
<button onclick="toggleBg()">Change Background</button> <button onclick="toggleBg()">Change Background</button>
</div> </div>
<div class="grid"> <div class="grid">
@@ -798,19 +809,26 @@ function search() {
} }


function download(f, e) { function download(f, e) {
let a = document.createElement('a')
a.href = f
a.download = f
//a.click()

console.log(getBase64Image(e))

var downloadPNG = document.getElementById("pngcheck").checked;
if(downloadPNG) {
var data = getBase64Image(e);
let a = document.createElement('a')
a.href = "data:application/octet-stream;base64," + data
a.download = f.replace('.svg', '.png')
a.click()
} else {
let a = document.createElement('a')
a.href = f
a.download = f
a.click()
}
} }


function getBase64Image(img) { function getBase64Image(img) {
var canvas = document.createElement("canvas"); var canvas = document.createElement("canvas");
canvas.width = img.width;
canvas.height = img.height;
canvas.width = img.naturalWidth;
canvas.height = img.naturalHeight;
console.log(canvas.width , canvas.height)
var ctx = canvas.getContext("2d"); var ctx = canvas.getContext("2d");
ctx.drawImage(img, 0, 0); ctx.drawImage(img, 0, 0);
var dataURL = canvas.toDataURL("image/png"); var dataURL = canvas.toDataURL("image/png");


+ 29
- 11
learning-site/index.html Wyświetl plik

@@ -10,7 +10,7 @@ body {
margin: 0; margin: 0;
} }
.bg0 { .bg0 {
background-image: url("../_tools/background.png")
background-image: url("https://github.com/benc-uk/icon-collection/raw/master/_tools/background.png")
} }
.bg1 { .bg1 {
background-color: #333; background-color: #333;
@@ -53,6 +53,16 @@ h1 {
top: -2rem; top: -2rem;
font-size: 1.5rem; font-size: 1.5rem;
} }
.pngbox {
position: absolute;
top: 2rem;
right: 1rem;
font-size: 1.5rem;
}
input[type="checkbox"] {
width: 1.6em;
height: 1.6em;
}
.label { .label {
height: 2.5em; height: 2.5em;
line-height: 1em; line-height: 1em;
@@ -68,7 +78,8 @@ h1 {
<body> <body>
<div class="top"> <div class="top">
<h1>Microsoft Learning Site</h1> <h1>Microsoft Learning Site</h1>
<span class="find">Finder: <input onkeyup="search()" id="finder"><br></span>
<span class="find">Finder: <input onkeyup="search()" id="finder"><br></span>
<div class="pngbox"><input type="checkbox" id="pngcheck"><label for="pngcheck">Download as PNG</label></div>
<button onclick="toggleBg()">Change Background</button> <button onclick="toggleBg()">Change Background</button>
</div> </div>
<div class="grid"> <div class="grid">
@@ -226,19 +237,26 @@ function search() {
} }


function download(f, e) { function download(f, e) {
let a = document.createElement('a')
a.href = f
a.download = f
//a.click()

console.log(getBase64Image(e))

var downloadPNG = document.getElementById("pngcheck").checked;
if(downloadPNG) {
var data = getBase64Image(e);
let a = document.createElement('a')
a.href = "data:application/octet-stream;base64," + data
a.download = f.replace('.svg', '.png')
a.click()
} else {
let a = document.createElement('a')
a.href = f
a.download = f
a.click()
}
} }


function getBase64Image(img) { function getBase64Image(img) {
var canvas = document.createElement("canvas"); var canvas = document.createElement("canvas");
canvas.width = img.width;
canvas.height = img.height;
canvas.width = img.naturalWidth;
canvas.height = img.naturalHeight;
console.log(canvas.width , canvas.height)
var ctx = canvas.getContext("2d"); var ctx = canvas.getContext("2d");
ctx.drawImage(img, 0, 0); ctx.drawImage(img, 0, 0);
var dataURL = canvas.toDataURL("image/png"); var dataURL = canvas.toDataURL("image/png");


+ 29
- 11
logos/index.html Wyświetl plik

@@ -10,7 +10,7 @@ body {
margin: 0; margin: 0;
} }
.bg0 { .bg0 {
background-image: url("../_tools/background.png")
background-image: url("https://github.com/benc-uk/icon-collection/raw/master/_tools/background.png")
} }
.bg1 { .bg1 {
background-color: #333; background-color: #333;
@@ -53,6 +53,16 @@ h1 {
top: -2rem; top: -2rem;
font-size: 1.5rem; font-size: 1.5rem;
} }
.pngbox {
position: absolute;
top: 2rem;
right: 1rem;
font-size: 1.5rem;
}
input[type="checkbox"] {
width: 1.6em;
height: 1.6em;
}
.label { .label {
height: 2.5em; height: 2.5em;
line-height: 1em; line-height: 1em;
@@ -68,7 +78,8 @@ h1 {
<body> <body>
<div class="top"> <div class="top">
<h1>Logos & Brands</h1> <h1>Logos & Brands</h1>
<span class="find">Finder: <input onkeyup="search()" id="finder"><br></span>
<span class="find">Finder: <input onkeyup="search()" id="finder"><br></span>
<div class="pngbox"><input type="checkbox" id="pngcheck"><label for="pngcheck">Download as PNG</label></div>
<button onclick="toggleBg()">Change Background</button> <button onclick="toggleBg()">Change Background</button>
</div> </div>
<div class="grid"> <div class="grid">
@@ -156,19 +167,26 @@ function search() {
} }


function download(f, e) { function download(f, e) {
let a = document.createElement('a')
a.href = f
a.download = f
//a.click()

console.log(getBase64Image(e))

var downloadPNG = document.getElementById("pngcheck").checked;
if(downloadPNG) {
var data = getBase64Image(e);
let a = document.createElement('a')
a.href = "data:application/octet-stream;base64," + data
a.download = f.replace('.svg', '.png')
a.click()
} else {
let a = document.createElement('a')
a.href = f
a.download = f
a.click()
}
} }


function getBase64Image(img) { function getBase64Image(img) {
var canvas = document.createElement("canvas"); var canvas = document.createElement("canvas");
canvas.width = img.width;
canvas.height = img.height;
canvas.width = img.naturalWidth;
canvas.height = img.naturalHeight;
console.log(canvas.width , canvas.height)
var ctx = canvas.getContext("2d"); var ctx = canvas.getContext("2d");
ctx.drawImage(img, 0, 0); ctx.drawImage(img, 0, 0);
var dataURL = canvas.toDataURL("image/png"); var dataURL = canvas.toDataURL("image/png");


+ 29
- 11
other/index.html Wyświetl plik

@@ -10,7 +10,7 @@ body {
margin: 0; margin: 0;
} }
.bg0 { .bg0 {
background-image: url("../_tools/background.png")
background-image: url("https://github.com/benc-uk/icon-collection/raw/master/_tools/background.png")
} }
.bg1 { .bg1 {
background-color: #333; background-color: #333;
@@ -53,6 +53,16 @@ h1 {
top: -2rem; top: -2rem;
font-size: 1.5rem; font-size: 1.5rem;
} }
.pngbox {
position: absolute;
top: 2rem;
right: 1rem;
font-size: 1.5rem;
}
input[type="checkbox"] {
width: 1.6em;
height: 1.6em;
}
.label { .label {
height: 2.5em; height: 2.5em;
line-height: 1em; line-height: 1em;
@@ -68,7 +78,8 @@ h1 {
<body> <body>
<div class="top"> <div class="top">
<h1>Other Icons</h1> <h1>Other Icons</h1>
<span class="find">Finder: <input onkeyup="search()" id="finder"><br></span>
<span class="find">Finder: <input onkeyup="search()" id="finder"><br></span>
<div class="pngbox"><input type="checkbox" id="pngcheck"><label for="pngcheck">Download as PNG</label></div>
<button onclick="toggleBg()">Change Background</button> <button onclick="toggleBg()">Change Background</button>
</div> </div>
<div class="grid"> <div class="grid">
@@ -125,19 +136,26 @@ function search() {
} }


function download(f, e) { function download(f, e) {
let a = document.createElement('a')
a.href = f
a.download = f
//a.click()

console.log(getBase64Image(e))

var downloadPNG = document.getElementById("pngcheck").checked;
if(downloadPNG) {
var data = getBase64Image(e);
let a = document.createElement('a')
a.href = "data:application/octet-stream;base64," + data
a.download = f.replace('.svg', '.png')
a.click()
} else {
let a = document.createElement('a')
a.href = f
a.download = f
a.click()
}
} }


function getBase64Image(img) { function getBase64Image(img) {
var canvas = document.createElement("canvas"); var canvas = document.createElement("canvas");
canvas.width = img.width;
canvas.height = img.height;
canvas.width = img.naturalWidth;
canvas.height = img.naturalHeight;
console.log(canvas.width , canvas.height)
var ctx = canvas.getContext("2d"); var ctx = canvas.getContext("2d");
ctx.drawImage(img, 0, 0); ctx.drawImage(img, 0, 0);
var dataURL = canvas.toDataURL("image/png"); var dataURL = canvas.toDataURL("image/png");


Napisz Podgląd
Ładowanie…
Anuluj
Zapisz