acestronautical / bookcover-js Goto Github PK
View Code? Open in Web Editor NEWAn in browser tool for generating penguin clothbound classics style book cover SVG images
License: Mozilla Public License 2.0
An in browser tool for generating penguin clothbound classics style book cover SVG images
License: Mozilla Public License 2.0
The app is pretty self explanatory, but there are definitely options which would aren't immediately obvious. Could use balloon js, but right now the program has no imports and I would prefer to keep it that way.
I'm thinking like a button that every time you click the placements get scrambled (for multi image layouts only)
instead of a checkbox for x and y stretch provide a numeric input
This could be pretty simple like just an image at the top and bottom. There doesn't seem to be a lot of consistency for spine design in the penguin clothbounds. Adding just a simple top and bottom image would allow the user to easily edit the save cover as needed.
Hi!
The spine is the only bit saving when I download it
Probably need to use a library like paper.js to accomplish this. I don't think there's a way to crop an SVG with just transformations? I tried hiding half of the art image by modifying viewbox, but that didn't effect the saved svg cover.
I think it's safe to assume 72 pixels per inch since most people will be using illustrator, cricut design, or silhouette studio.
Allow spine font and text direction to be user settable.
Penguin book examples of this style include: Hard Times, Pride and Prejudice, The Life and Opinions of Tristram Shandy, Gentleman, and Cranford
Not sure if this is possible since it's tricky to know what element will register the click event on an SVG, but worth a shot.
Not really sure what to put on the spine since there is a lot of variation in the penguin clothbound styles, but something better than what is currently there?
Not sure how the tessellation should work with multiple images, could be random?
Should modify placement to compensate for text width so that text-anchor: middle isn't used.
As seen here: https://www.penguinrandomhouse.com/series/B45/penguin-clothbound-classics/
Most of the cover are patterned so that the diagonals are the same transformation, or opposite.
The logic I currently have to do this doesn't work for layouts other then 4 -3 - 2 - 3- 4
Not sure how plotting cutter friendly the current font families are, should probably embed some specific fonts and allow selecting a font.
Actually should allow user to upload their own font file as TTF or OTF or whatever
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.