HTML5 Canvas or SVG?
-
I have an application I wrote myself to generate the SVG drawing parameters. My most commonly used objects are simple hexagons or partial hexagons, circles, squares plus a couple of complex images of mythical beasts done by hand.
- I would love to change the world, but they won’t give me the source code.
I've actually even considered drawing the diagram on an A3 sheet of graph paper, the manually just copying the co-ords into SVG. The paper drawing itself will be so much simpler and quicker than with a cad tool.
Follow my adventures with .NET Core at my new blog, Erisia Information Services.
-
I've actually even considered drawing the diagram on an A3 sheet of graph paper, the manually just copying the co-ords into SVG. The paper drawing itself will be so much simpler and quicker than with a cad tool.
Follow my adventures with .NET Core at my new blog, Erisia Information Services.
-
Personally, I like the single level of indirection SVG would use. Everything Renders it quite nicely, and if you DID need to do something relatively unique, you could easily find the SVG example. Very easy to dump an SVG file and find the issue. Especially vs. Canvas Writing commands. Also, great for importing into a graphics package as vectored and using it in literature. Seems obvious as someone who knows NOTHING about your goals :-)
Kirk 10389821 wrote:
Seems obvious as someone who knows NOTHING about your goals
[This](https://www.codeproject.com/Articles/1136050/FlowSharp) but in a browser. SVG seems to be the winner here in this informal questionnaire. :) Marc
V.A.P.O.R.ware - Visual Assisted Programming / Organizational Representation Learning to code with python is like learning to swim with those little arm floaties. It gives you undeserved confidence and will eventually drown you. - DangerBunny Artificial intelligence is the only remedy for natural stupidity. - CDP1802
-
Kirk 10389821 wrote:
Seems obvious as someone who knows NOTHING about your goals
[This](https://www.codeproject.com/Articles/1136050/FlowSharp) but in a browser. SVG seems to be the winner here in this informal questionnaire. :) Marc
V.A.P.O.R.ware - Visual Assisted Programming / Organizational Representation Learning to code with python is like learning to swim with those little arm floaties. It gives you undeserved confidence and will eventually drown you. - DangerBunny Artificial intelligence is the only remedy for natural stupidity. - CDP1802
Hah, that reminds me of a DOS program I used: EZ-Flow. It had a great feature/mode: Keyboard! You would type a 1 letter code for each object (D for Decision), hit ENTER and then hit an arrow key, it would draw the decision box, and the arrow in that direction and then you type R (I think) for routine, gives a rectangle, completes the arrow for you. If you kept typing, it would fill in the caption until you hit ENTER or something (this was like 1987). The funny part was that I could CRANK OUT Flowcharts really quickly. We had to use them in our documentation, LOL. Everything aligned to grid, which was fine. == But now you have me curious. Are you going to use SVG For the Individual objects, or for the Entire Graph? (I assume the entire graph, since it should handle the moving of attached lines perfectly well). Good luck. Won't it be funny if it was easier to implement than everything you had to do to make the desktop app? Kirk Out!
-
Hah, that reminds me of a DOS program I used: EZ-Flow. It had a great feature/mode: Keyboard! You would type a 1 letter code for each object (D for Decision), hit ENTER and then hit an arrow key, it would draw the decision box, and the arrow in that direction and then you type R (I think) for routine, gives a rectangle, completes the arrow for you. If you kept typing, it would fill in the caption until you hit ENTER or something (this was like 1987). The funny part was that I could CRANK OUT Flowcharts really quickly. We had to use them in our documentation, LOL. Everything aligned to grid, which was fine. == But now you have me curious. Are you going to use SVG For the Individual objects, or for the Entire Graph? (I assume the entire graph, since it should handle the moving of attached lines perfectly well). Good luck. Won't it be funny if it was easier to implement than everything you had to do to make the desktop app? Kirk Out!
Kirk 10389821 wrote:
EZ-Flow.
I vaguely remember that program. :)
Kirk 10389821 wrote:
Won't it be funny if it was easier to implement than everything you had to do to make the desktop app?
We shall see! Marc
V.A.P.O.R.ware - Visual Assisted Programming / Organizational Representation Learning to code with python is like learning to swim with those little arm floaties. It gives you undeserved confidence and will eventually drown you. - DangerBunny Artificial intelligence is the only remedy for natural stupidity. - CDP1802