Comments (7)
+1 I just set up roughjs for my remark presentation, then realized that roughjs doesn't support text for the flowchart I wanted to draw. As soon as roughjs supports text, I'm using it for every presentation I do!
Edit: The blo.ocks approach above works well as a stop gap!
from rough.
awesome idea !
just for the backlog:
on the very long haul, one should keep in mind and give an example that one should find a solution to make also this drawn text accessible (for screen-readers and search-engines...)
from rough.
@bcherny You can continue to use the standard canvas context2d object with roughjs. Use the former to render text on canvas. e.g. https://bl.ocks.org/aaizemberg/b403ba342cf0cd32d3e8a77174dcf8a0
But, you're right built in text rendering would be simpler
from rough.
@bcherny that's pretty interesting. Would you mind giving some words on the tool/process you build your presentation with?
from rough.
@hpvd Sure! I'm using Remark with plugins for better syntax highlighting and live reload.
Highlighting, live reload, and XKCD font are here.
Rough + XKCD font setup is here.
It's all pretty hacked together. Maybe I'll get it into its own package at some point.
from rough.
@bcherny wow. nice. many thanks for sharing!
from rough.
Since one could use any hand written font on a web page, I think this is out of scope for this project.
There's an idea to create a truly random variable font for wired-elements rough-stuff/wired-elements#12 which would be a better place to track these ideas.
from rough.
Related Issues (20)
- Solid fill goes out of bounds for arcs larger than 180 degrees HOT 4
- Disable floating points HOT 6
- "Dots" fill looks weird when units are scaled up HOT 6
- Is there a way to use other attributes of the the SVG rectangle, such as "rx?" HOT 4
- 0-roughness ellipse not closed in specific cases HOT 3
- Ellipse not completely filled HOT 1
- Feature Request HOT 3
- mermaid language to rough HOT 2
- support inside/outside strokes
- Scanline hachutre lines drawing outside polygon for certain angles
- Roughjs not running on Typescript files
- Compatibility roughs.js - gsap for animation HOT 1
- Interoperability with Pencil HOT 2
- Ability to pass fill rule through options HOT 2
- Dot filling is not constant with fixed seed
- Is this project abandoned?
- Any examples of this used in React Typescript? HOT 1
- Hachure fill is randomly missing for certain fractional hachureGap values HOT 2
- how to stroke with gradient?
- Interactive code examples
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from rough.