javascript - How to display chemical symbols (such as benzene ring) in a web page?

Question

Application scenario: In teaching, it is necessary to display and edit chemical expressions, such as benzene rings and chemical bonds in chemical organic matter

1. If you have any ideas, you can come and share your ideas. Welcome to ask questions;

2. Now most of the formulas are rendered based on mathml, etc., but the editing and display of chemical organic molecular formulas are still blank;

3. If this problem can be solved, formula display and editing will be more perfect in various disciplines;

Answer 1

Answer briefly, svg may be what you want.

Answer 2

If it’s simple, you can make it
iconfont
Go and search it, you should have what you want
For something more complicated, you can use canvas to make a wheel, 2333

Answer 3

Give the poster a URL, z-render can draw a benzene ring through its API

Answer 4

canvas you deserve