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