🚧 Linting and prettier code style
This commit is contained in:
parent
1f10829426
commit
568d0cdc4d
14 changed files with 3395 additions and 335 deletions
61
src/path.js
61
src/path.js
|
@ -1,67 +1,62 @@
|
|||
import attributes from './attributes'
|
||||
import attributes from "./attributes";
|
||||
|
||||
function path ()
|
||||
{
|
||||
function path() {
|
||||
this.render = true;
|
||||
this.attributes = new attributes();
|
||||
|
||||
/** Adds a move operation to Point to */
|
||||
this.prototype.move = function (to)
|
||||
{
|
||||
this.ops.push({type: "move", to});
|
||||
this.prototype.move = function(to) {
|
||||
this.ops.push({ type: "move", to });
|
||||
|
||||
return this;
|
||||
}
|
||||
};
|
||||
|
||||
/** Adds a line operation to Point to */
|
||||
this.prototype.line = function (to)
|
||||
{
|
||||
this.ops.push({type: "line", to});
|
||||
this.prototype.line = function(to) {
|
||||
this.ops.push({ type: "line", to });
|
||||
|
||||
return this;
|
||||
}
|
||||
};
|
||||
|
||||
/** Adds a line operation to Point to */
|
||||
this.prototype.curve = function (cp1, cp2, to)
|
||||
{
|
||||
this.ops.push({type: "curve", cp1, cp2, to});
|
||||
this.prototype.curve = function(cp1, cp2, to) {
|
||||
this.ops.push({ type: "curve", cp1, cp2, to });
|
||||
|
||||
return this;
|
||||
}
|
||||
};
|
||||
|
||||
/** Adds a close operation */
|
||||
this.prototype.close = function ()
|
||||
{
|
||||
this.ops.push({type: "close"});
|
||||
this.prototype.close = function() {
|
||||
this.ops.push({ type: "close" });
|
||||
|
||||
return this;
|
||||
}
|
||||
};
|
||||
|
||||
/** Adds an attribute. This is here to make this call chainable in assignment */
|
||||
this.prototype.attr = function (name, value)
|
||||
{
|
||||
this.prototype.attr = function(name, value) {
|
||||
this.attributes.add(name, value);
|
||||
|
||||
return this;
|
||||
}
|
||||
};
|
||||
|
||||
/** Returns SVG pathstring for this path */
|
||||
this.prototype.asPathstring = function ()
|
||||
{
|
||||
let d = '';
|
||||
for(let op of this.ops) {
|
||||
this.prototype.asPathstring = function() {
|
||||
let d = "";
|
||||
for (let op of this.ops) {
|
||||
switch (op.type) {
|
||||
case 'move':
|
||||
case "move":
|
||||
d += `M ${op.to.x},${op.to.y}`;
|
||||
break;
|
||||
case 'line':
|
||||
case "line":
|
||||
d += ` L ${op.to.x},${op.to.y}`;
|
||||
break;
|
||||
case 'curve':
|
||||
d += ` C ${op.cp1.x},${op.cp1.y} ${op.cp2.x},${op.cp2.y} ${op.to.x},${op.to.y}`;
|
||||
case "curve":
|
||||
d += ` C ${op.cp1.x},${op.cp1.y} ${op.cp2.x},${op.cp2.y} ${op.to.x},${
|
||||
op.to.y
|
||||
}`;
|
||||
break;
|
||||
case 'close':
|
||||
d += ' z';
|
||||
case "close":
|
||||
d += " z";
|
||||
break;
|
||||
default:
|
||||
throw `${op.type} is not a valid path command`;
|
||||
|
@ -70,7 +65,7 @@ function path ()
|
|||
}
|
||||
|
||||
return d;
|
||||
}
|
||||
};
|
||||
}
|
||||
|
||||
export default path;
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue