Initial commit
commit
dda8ee1e3b
@ -0,0 +1,2 @@
|
||||
/node_modules/
|
||||
/lib/
|
@ -0,0 +1 @@
|
||||
/node_modules/
|
@ -0,0 +1,37 @@
|
||||
# packagename
|
||||
|
||||
packagedescription
|
||||
|
||||
## License
|
||||
|
||||
[WTFPL](http://www.wtfpl.net/txt/copying/) or [CC0](https://creativecommons.org/publicdomain/zero/1.0/), whichever you prefer. A donation and/or attribution are appreciated, but not required.
|
||||
|
||||
## Donate
|
||||
|
||||
Maintaining open-source projects takes a lot of time, and the more donations I receive, the more time I can dedicate to open-source. If this module is useful to you, consider [making a donation](http://cryto.net/~joepie91/donate.html)!
|
||||
|
||||
You can donate using Bitcoin, PayPal, Flattr, cash-in-mail, SEPA transfers, and pretty much anything else. Thank you!
|
||||
|
||||
## Contributing
|
||||
|
||||
Pull requests welcome. Please make sure your modifications are in line with the overall code style, and ensure that you're editing the files in `src/`, not those in `lib/`.
|
||||
|
||||
Build tool of choice is `gulp`; simply run `gulp` while developing, and it will watch for changes.
|
||||
|
||||
Be aware that by making a pull request, you agree to release your modifications under the licenses stated above.
|
||||
|
||||
## Usage
|
||||
|
||||
usagetext
|
||||
|
||||
```javascript
|
||||
usagecode
|
||||
```
|
||||
|
||||
## API
|
||||
|
||||
### functionName(arg)
|
||||
|
||||
functiondescription
|
||||
|
||||
* __arg__: argumentdescription
|
@ -0,0 +1,18 @@
|
||||
var gulp = require("gulp");
|
||||
var presetES2015 = require("@joepie91/gulp-preset-es2015");
|
||||
|
||||
var source = ["src/**/*.js"]
|
||||
|
||||
gulp.task('babel', function() {
|
||||
return gulp.src(source)
|
||||
.pipe(presetES2015({
|
||||
basePath: __dirname
|
||||
}))
|
||||
.pipe(gulp.dest("lib/"));
|
||||
});
|
||||
|
||||
gulp.task("watch", function () {
|
||||
gulp.watch(source, ["babel"]);
|
||||
});
|
||||
|
||||
gulp.task("default", ["babel", "watch"]);
|
@ -0,0 +1,3 @@
|
||||
'use strict';
|
||||
|
||||
module.exports = require("./lib");
|
@ -0,0 +1,26 @@
|
||||
{
|
||||
"name": "canvassed-placeholder-rectangle",
|
||||
"version": "1.0.0",
|
||||
"description": "Composite placeholder shape for `canvassed`",
|
||||
"main": "index.js",
|
||||
"scripts": {
|
||||
"test": "echo \"Error: no test specified\" && exit 1"
|
||||
},
|
||||
"repository": {
|
||||
"type": "git",
|
||||
"url": "http://git.cryto.net/joepie91/canvassed-placeholder-rectangle.git"
|
||||
},
|
||||
"keywords": [
|
||||
"canvassed",
|
||||
"shape"
|
||||
],
|
||||
"author": "Sven Slootweg",
|
||||
"license": "WTFPL",
|
||||
"dependencies": {
|
||||
},
|
||||
"devDependencies": {
|
||||
"@joepie91/gulp-preset-es2015": "^1.0.1",
|
||||
"babel-preset-es2015": "^6.6.0",
|
||||
"gulp": "^3.9.1"
|
||||
}
|
||||
}
|
@ -0,0 +1,55 @@
|
||||
'use strict';
|
||||
|
||||
const canvassed = require("canvassed");
|
||||
const createRectangle = require("canvassed-rectangle");
|
||||
const createText = require("canvassed-text");
|
||||
|
||||
module.exports = function createPlaceholderRectangle(options = {}) {
|
||||
let placeholderRectangle = canvassed.createCompositeObject(Object.assign({
|
||||
type: "placeholderRectangle",
|
||||
objects: {
|
||||
rectangle: createRectangle({
|
||||
width: options.width,
|
||||
height: options.height,
|
||||
x: 0,
|
||||
y: 0,
|
||||
fillColor: "rgb(205, 205, 205)",
|
||||
strokeColor: "rgb(74, 74, 74)",
|
||||
strokeWidth: 1
|
||||
}),
|
||||
text: createText({
|
||||
fontSize: 14,
|
||||
originX: "center",
|
||||
originY: "center"
|
||||
})
|
||||
},
|
||||
propertyMap: {
|
||||
fillColor: "rectangle",
|
||||
strokeColor: "rectangle",
|
||||
strokeWidth: "rectangle",
|
||||
textFillColor: "text.fillColor",
|
||||
textStrokeColor: "text.strokeColor",
|
||||
textStrokeWidth: "text.strokeWidth",
|
||||
fontSize: "text",
|
||||
fontFamily: "text",
|
||||
fontWeight: "text",
|
||||
lineHeight: "text",
|
||||
tags: "text",
|
||||
text: "text",
|
||||
width: function setWidth(width) {
|
||||
return {
|
||||
text: {x: width / 2},
|
||||
rectangle: {width: width}
|
||||
}
|
||||
},
|
||||
height: function setHeight(height) {
|
||||
return {
|
||||
text: {y: height / 2},
|
||||
rectangle: {height: height}
|
||||
}
|
||||
},
|
||||
}
|
||||
}, options));
|
||||
|
||||
return placeholderRectangle;
|
||||
}
|
Loading…
Reference in New Issue