All Questions
13
questions
0
votes
0
answers
198
views
Problem with Z-Indexing with CreateCanvas() Function & SVG / WEBGL
Im trying to make a BG element with p5.js (Shader) using WEBGL with an SVG over it. I have the positioning right, however, the p5 sketch sits on top of the SVG despite z-indexing that element. Any ...
- 11
1
vote
1
answer
3k
views
Trouble rendering a 2D SVG in Three.js & WebGL
I have a ThreeJS Scene (below, or here on CodePen) with some objects in it - one is a Mesh object of a cat, one is a cube, and now, I'm trying to render a 2D SVG illustration I made. I want to put the ...
- 169
0
votes
0
answers
1k
views
Using canvas or WebGL to pan and zoom many SVG images at high FPS
My application needs to draw hundreds - thousands of images on the screen, as well as some primitive shapes like circles and lines that connects them. The main concern of my app is that I will be able ...
- 1,357
0
votes
0
answers
518
views
Visualizing Time Series Data Sampled at 244hz, on the browser
I have been attempting to plot six channels of ECG signal data onto a browser screen. The signals have been sampled at 244Hz, to make sure that the signal can capture variations of 122Hz.
I have ...
- 531
0
votes
0
answers
67
views
Scale and Translate SVG when background changes
I am working on an issue where I need to scale and translate an SVG element. Here is a little background.
An image is drawn to a canvas using Web-GL. Then a line or circle is drawn on top of the ...
3
votes
1
answer
5k
views
How to draw SVG element on a plane with THREE.js?
I'm trying to create a copy of an existing svg element in a THREE.js scene. I use this example to convert the svg to image, then I create a plane with texture based on the image and add it to a scene. ...
- 608
30
votes
5
answers
4k
views
Is WebGL or Canvas the only way to get SVG Keyframe Animations Hardware Accelerated?
What I'm looking is a flash alternative for mobile phones using html5.
I was looking into SVG and it seems the only way to get hardware acceleration is to use CSS transforms on it. But CSS ...
- 51.5k
10
votes
1
answer
4k
views
What is the difference between the way that Canvas libraries handle SVGs and SVG libraries handle SVGs?
I am very interested in exploring graphical user interfaces in the browser. I really like .SVG files for many reasons, mainly that they are scalable and can be easily made in programs like ...
- 13.1k
4
votes
1
answer
5k
views
Use Canvas in SVG or WebGL for 3D application
I need to build an html5/javascript 3d application, and each scene i have to render a lot of objects (about 200-300 complex objects or more) without lagging, so please tell me which render technology ...
- 303
1
vote
2
answers
409
views
Draw A Stack of Shapes
I'm trying to build a web tool to generate an image composed of a stack of shapes. Each shape element is derived from one original shape; the derivation is basically created by expanding by x pixels, ...
- 10.8k
6
votes
1
answer
2k
views
Javascript Graph visualization toolkit with high performance (500-1000 nodes)
I need to display graph with about 1000 nodes and edges. Nodes should be dragable and all should works in realtime without waiting screens.
So, I've already checked a lot of js graph visualization ...
- 3,277
10
votes
2
answers
9k
views
THREE.js renderers
Can someone explain what is difference between three.js renderers? Which one is faster? Which one is more standard and cross browser? How the svg renderer and dom renderer work?
I have different ...
- 1,162
14
votes
2
answers
18k
views
Need to speed up my SVG. Could I convert to WebGL or canvas?
I have an SVG drawing with 10138 parts, so it runs slowly.
I want to make it run more like http://workshop.chromeexperiments.com/globe
Here are the solutions/questions I'm considering
Is there any ...
- 18.3k