Hacker News Board Hacker News, browsed like a classic message board
Live data from Hacker News

SVG can do that?

slides.com

Post reply on HN
Print view View original

31–40 of 202 posts

Re: SVG can do that?

#31

Post by jancsika »

tannhaeuser wrote: post #29
baybal2 wrote: post #19

It has been almost 12 years, and we still don't have working word wrap with svg

You can embed HTML within SVG via SVG's foreignObject, and use HTML/CSS text flow layout within embedded HTML. But it works only on rectangular shapes, and not on IE.

You can also just absolutely position an HTML element on top of the SVG.

Re: SVG can do that?

#32

Post by moolcool »

yosito wrote: post #25
byron_fast wrote: post #23

It's nice that we've got the most valuable part of Flash: a vector rendering engine. I do miss Flash's editor for these types of content, though.

I just spent all day trying to manually wrangle SVG in the browser. I'd be happy with a good static SVG editor to be honest.

Inkscape?

Re: SVG can do that?

#33

Post by meagher »

polymeris wrote: post #28

SVG works so fantastically well with React -- it's just part of the DOM, after all. Unless there are performance concerns, that reason alone would make me choose it over Canvas every time. Shameless plug, one of my first experiments with SVG+react (+cljs): https://polymeris.github.io/carlos/ Done in one day, without knowing the tech.

Made this Chernoff ~Fish~ generator (http://meagher.co/chernoff-fish/) with React and SVG. They are a great pair!

Re: SVG can do that?

#34

Post by ben-schaaf »

yosito wrote: post #25
byron_fast wrote: post #23

It's nice that we've got the most valuable part of Flash: a vector rendering engine. I do miss Flash's editor for these types of content, though.

I just spent all day trying to manually wrangle SVG in the browser. I'd be happy with a good static SVG editor to be honest.

Inkscape is what I always use for editing static SVGs. Not using it enough to become familiar with it myself, the interface is usually intuitive enough for me to guess my way to success.

Re: SVG can do that?

#35

Post by vturner »

moolcool wrote: post #32
yosito wrote: post #25

Earlier quoted context omitted.

I just spent all day trying to manually wrangle SVG in the browser. I'd be happy with a good static SVG editor to be honest.

Inkscape?

Great tool, I used it to build image assets a couple years ago for a native android app and now use it for any diagrams I want to look particularly nice.

Re: SVG can do that?

#36

Post by vturner »

It's always been a curiosity of mine why SVG didn't get more attention from browsers through the years to solve the performance issues. It's open source, cross platform, "dynamic" in a sense AKA no compiling needed, light weight, supports shapes and text, offers immediate responsiveness, etc. Why the lack of love while we pour ever increasing energy into mangling HTML and CSS and every six months a new JS framework/module/whatever to try to make it work?

Re: SVG can do that?

#37

Post by byron_fast »

CharlesW wrote: post #24
byron_fast wrote: post #23

It's nice that we've got the most valuable part of Flash: a vector rendering engine. I do miss Flash's editor for these types of content, though.

> I do miss Flash's editor for these types of content, though. It's still here! It's now branded Animate CC[1], and (naturally) focuses on other output formats. [1] http://www.adobe.com/products/animate.html

Right! But is it SVG or only Canvas?

Re: SVG can do that?

#39

Post by Tagbert »

yosito wrote: post #25
byron_fast wrote: post #23

It's nice that we've got the most valuable part of Flash: a vector rendering engine. I do miss Flash's editor for these types of content, though.

I just spent all day trying to manually wrangle SVG in the browser. I'd be happy with a good static SVG editor to be honest.

Inkscape is OK, but a little rough. Take a look at Affinity Designer. It is very polished and has a feature set approaching Adobe illustrator at a very reasonable price. It's also well supported by the publisher.

Re: SVG can do that?

#40

Post by smcnally »

polymeris wrote: post #28

SVG works so fantastically well with React -- it's just part of the DOM, after all. Unless there are performance concerns, that reason alone would make me choose it over Canvas every time. Shameless plug, one of my first experiments with SVG+react (+cljs): https://polymeris.github.io/carlos/ Done in one day, without knowing the tech.

Very cool. You might need a seizure warning -

[core.cljs] https://github.com/polymeris/carlos/blob/master/src/carlos/c... and [svg.cljs] https://github.com/polymeris/carlos/blob/master/src/carlos/s...

Look clear enough for me to follow. Thank you.

Will work on this, too:

  (:require [carlos.core :as core]))
* edit: clearer even unrendered
Post reply on HN