36,020 questions
-4
votes
0
answers
37
views
Running jsRuntime.InvokeAsync twice clears the first set of <canvas> images [closed]
This is what I try to do:
Create a page that is basically made up out of multiple single pages. For that I loop my code and output HTML cumulative. It works fine for everything except the images I ...
Advice
0
votes
2
replies
77
views
Is it possible to overlay SVG text onto an html canvas (or an offscreen canvas)
Since html canvas text can be sometimes be a little weak, for example when displaying vertical text. Is it possible to use, something like SVG text overlayed on an html canvas to improve the ...
0
votes
0
answers
34
views
OpenLayers measurement labels render correctly initially but break after page reload (canvas text issue)
I am working on a web GIS application using OpenLayers.
I have a drawing tool where users can draw lines and polygons on the map. After drawing, I display measurement labels (length in meters, area in ...
- 65
2
votes
0
answers
67
views
Reconciling the software drawable boundary with the physical screen boundry on Android devices
Is there a device-agnostic way to draw a 1 px path that follows the physical rounded edge of an Android display?
As part of a larger problem, I'm trying to draw a 1 px line that hugs the physical ...
- 21
0
votes
0
answers
86
views
Is it possible to see HTML behind a canvas where Three.js is rendered?
I made a example, here’s the link to it -
https://stackblitz.com/edit/vitejs-vite-cve3gcbr?file=package.json&terminal=dev
I tried to do this because it’s needed for this mockup.
Here’s the link to ...
- 320
1
vote
1
answer
41
views
Feedback on r-exams cloze question does not always show up on canvas
I have been relying more and more on the schoice cloze question type in canvas because it is the only way to ask multipart questions with common randomized components.
I would like the Solution to ...
- 187
0
votes
1
answer
55
views
Drawing to a canvas Path2D in node.js doesn't render anything
I'm working on code to render FontAwesome SVG paths to a canvas and save the result to a PNG locally in node.js. In the process I create a Path2D object and fill it, but nothing draws. To attempt to ...
- 725
1
vote
1
answer
147
views
Scanlines gets wrong pixel colors
I'm working with this image:
I have working code for drawing rectangles on it, which will be filled with the average color of said rectangles:
This is the code for drawing the rectangles:
...
- 3,383
1
vote
1
answer
110
views
HTML5 Canvas: How to generate ambigram-style text same after 180° rotation?
I am working on an HTML5 Canvas project where I generate text dynamically and want it to behave like an ambigram (the text should look the same after rotating the canvas by 180 degrees).
My goal:
...
Advice
0
votes
1
replies
112
views
How to create similar comments section found in youtube, reddit etc in jetpack compose?
I am trying to create the visual and functional comment section in jetpack compose similar to youtube or reddit, see the images below. I have tried a few approaches but cant really replicate the way ...
- 436
2
votes
2
answers
150
views
Xcode Preview crash with ModelContainer initialization
Background:
I have complex Swift Data models with some Relationships, and at some point, my Xcode Preview is no longer working when I want to init a ModelContainer in it. So I tried to debug and ...
- 237
4
votes
1
answer
126
views
Canvas 2D hidden line removal for 3D wireframe - depth buffer approach fails on complex meshes
I'm implementing hidden line removal for a 3D wireframe renderer using HTML5 Canvas 2D. When rendering a solid object with wireframe overlay, edges behind solid faces should be hidden.
Drag to rotate. ...
- 41
0
votes
1
answer
100
views
cropper.js has a fixed container ratio?
Using cropper with a fixed aspect ratio and a specific display size of 150x200. Once an image is drawn to the canvas, the canvas (or rather its container) seems to expand to an even square or a 1:1 ...
- 2,096
1
vote
1
answer
164
views
Canvas Transform and Paint in Flutter
I want to achieve a transformation on the canvas using two fingers for rotation, scaling, and translation, while using one finger to paint in the correct position.
What I have so far:
import 'package:...
- 11
2
votes
1
answer
121
views
Using FitWidth and FitHeight results in a snapshot with a smaller rendered image than expected
Intro
The following code implements a draw-by-brush on an image using a canvas. The Idea is to stack a Canvas object over an ImageView, draw on it, and finally render the StackPane (image + canvas) ...
- 847