Giter Club home page Giter Club logo

Comments (7)

bcherny avatar bcherny commented on May 11, 2024 3

+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.

hpvd avatar hpvd commented on May 11, 2024

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.

pshihn avatar pshihn commented on May 11, 2024

@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.

hpvd avatar hpvd commented on May 11, 2024

@bcherny that's pretty interesting. Would you mind giving some words on the tool/process you build your presentation with?

from rough.

bcherny avatar bcherny commented on May 11, 2024

@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.

hpvd avatar hpvd commented on May 11, 2024

@bcherny wow. nice. many thanks for sharing!

from rough.

pshihn avatar pshihn commented on May 11, 2024

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)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo 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.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.