It would be easiest to just ask the browser to render a fragment of HTML onto a canvas, or onto some invisible bitmap, like you can with most other UI toolkits.
E: And the infamous other half: malware. A bit over a decade ago malware devs started using canvas to do things like hide fragments inside of bitmap data in seemingly harmless ads and then a second script would extract and assemble it to evade detection.
https://searchfox.org/mozilla-central/rev/f691af5143ebd97034...
I don't understand what the takeaway is here. Is that surprising? Is it not? What does "real-life" mean?
What does this even mean? Is a hash map "tree-like" somehow? Or is a hash map just a toy data structure with no real-life use cases?
> TODO: Expand on fingerprinting risks
To make it make sense in my opinion canvas should already be a first class format for web browsers, so it doesn't have to be inside a HTML.
Then we would have a choice of HTML-first page with canvas elements in it, or a canvas-first page with HTML elements in it.
But what do I know.
If you have a canvas-first page, where do you store the title? Right, in <title>, so
<!doctype html>
<title>My canvas site</title>
<canvas style="fill all">
<canvas type="html">
<h1>Canvassing</h1>
</canvas>1. By painting on it using Canvas/Graphics API:
new Graphics.Image(width, height, painter(graphics) [,initColor]);
2. By making snapshot of the existing DOM element:
new Graphics.Image(width, height, element [,initColor])
See: https://docs.sciter.com/docs/Graphics/Image#constructor
Not all but most HTML. I have not found a good solution for the issue of doing something like MDX in canvas. I have tried SDF, looked at 2D canvas Text, Troika, MSDF. You can get text, it is just that laying it out is very difficult. React three drei has the ability to put HTML into the threejs ecosystem, but there are issues about CSS and text that make that impractical.
For me the use case is very simple. I would like to take an MDX file and show it in a mesh. Laid out. Maybe I am missing something because I am new to the whole threejs thing, but I really tried.
A good article about text https://css-tricks.com/techniques-for-rendering-text-with-we...
And an example from the above article: https://codesandbox.io/p/sandbox/css-tricks-msdf-text-fks8w
This shows it can be done, I gave up trying to reproduce it in React-three-fiber.
Why? Personally, I think the use of 3D graphics produces an interface for users that is an order or magnitude better for users. The real question (and an interesting one to consider) is why are we still building HTML first websites?
I don’t know if this is the best solution but it’s better than previous hacks. IF you need to go that route. Basically html2canvas.
<body canvas="true"></body>
It's sort of the same thing as HTML in canvas conceptually, but architecturally it makes DOM rendering and canvas rendering overlapping equals with awareness going both ways. E.g., a line drawn on the page will cause the DOM elements to reflow unless told to ignore it.
tantalor•6h ago
Waterluvian•5h ago
kizer•5h ago
masswerk•5h ago
Meaning, no way, just for the security aspect.