info/BezierInfo-2
1
0
Fork 0
mirror of https://github.com/Pomax/BezierInfo-2.git synced 2025-09-29 01:29:03 +02:00
Code Issues Releases Wiki Activity

control (#261)

Browse Source
This commit is contained in:
Pomax
2020-08-09 17:16:50 -07:00
committed by GitHub
parent fc30421eae
commit c97b1b635e
43 changed files with 812 additions and 465 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
lib/custom-element/graphics-element.js
View File

@@ -35,7 +35,8 @@ class GraphicsElement extends CustomElement {
:host style { display: none; }
:host canvas { display: block; margin: auto; border-radius: 0; }
:host canvas:focus { ${
this.getAttribute(`focus-css`) || `border: 1px solid red !important; margin: -1px; `
this.getAttribute(`focus-css`) ||
`border: 1px solid red !important; margin: -1px; `
} }
:host a.view-source { float: left; font-size: 60%; text-decoration: none; }
:host label { display: block; font-style:italic; font-size: 0.9em; text-align: right; }
@@ -160,7 +161,9 @@ class GraphicsElement extends CustomElement {
const script = (this.script = document.createElement(`script`));
script.type = "module";
script.src = `data:application/javascript;charset=utf-8,${encodeURIComponent(this.code)}`;
script.src = `data:application/javascript;charset=utf-8,${encodeURIComponent(
this.code
)}`;
if (rerender) this.render();
}
@@ -219,10 +222,12 @@ class GraphicsElement extends CustomElement {
if (this.canvas) slotParent.insertBefore(this.canvas, this._slot);
if (this.label) slotParent.insertBefore(this.label, this._slot);
const a = document.createElement('a');
a.classList.add('view-source');
const a = document.createElement("a");
a.classList.add("view-source");
a.textContent = `view source`;
a.href = new URL(`data:text/plain;charset=utf-8,${encodeURIComponent(this.rawCode)}`);
a.href = new URL(
`data:text/plain;charset=utf-8,${encodeURIComponent(this.rawCode)}`
);
a.target = `_blank`;
if (this.label) slotParent.insertBefore(a, this.label);
}