前端之初识marvinjs

632 阅读2分钟

一、原因

公司需要做一个化学类的绘图工具,于是了解到了marvinjs。

二、官网

MarvinJS 是一个基于网页的化学结构编辑器,它允许用户在网页环境中绘制、编辑和可视化分子结构以及其他化学实体。这个工具特别适合那些需要在没有安装本地软件的情况下处理化学结构的用户,比如在教学、科研或者药物研发领域。MarvinJS提供了直观的界面来创建和修改化学结构,并且支持一系列高级功能,包括立体化学表示、反应式编辑、计算属性(如分子量、LogP值)以及结构的格式转换等。它是由ChemAxon公司开发的,该公司专注于为生命科学和化学领域提供软件解决方案。

官网地址:chemaxon.com/marvin

预览地址:marvinjs-demo.chemaxon.com/latest/inde…

下载地址:download.chemaxon.com/marvin-js

web服务扩展文档:docs.chemaxon.com/display/doc…

三、下载

打开下载地址可以直达下载页面,点击 Packaged Archive 按钮下载压缩包,也可以根据官网提示使用其他方式进行下载使用。(我尝试过npm的方式进行下载,有点麻烦,没有成功,后面直接改用压缩包的形式)

image.png

四、使用

将压缩包进行解压,后将文件夹放到项目的静态资源目录,使用 iframe 标签使用。

<iframe id="sketch" src="/marvinjs-24.1.0-all/editor.html" style="width: 703px; height: 428px;"></iframe>

进行到这里就能够正常看到marvin的编辑器了。这里只提供了一些基本的功能,部分功能需要额外的配置,具体配置可以查看web服务扩展文档(需要证书,目测收费)。因为我也只是研究一半后续流程还未全部跑过,后续有空再做补充。

五、marvin js web 服务

1.软件要求:

  • Windows、Linux 或 Mac OS
  • 需要 Java 17(从版本 23.10.0 开始)

2.安装:

必须运行依赖于操作系统的 mjs-webservice (mjsws) 安装程序 ( .exe.sh.deb.rpm, ) 或者必须提取独立安装程序 ( , )。.dmg``.zip``.tar.gz

njsws版本下载地址: download.chemaxon.com/download?dl…

**或者:**download.chemaxon.com/marvin-js

image.png

需要在java环境下运行程序,否则会报错提示。

image.png

3.许可证

许可证安装文档docs.chemaxon.com/display/doc…

运行代码的时候需要有许可证,官网没有明确的一个注册方式,目测需要去直接联系客服进行一个获取或者购买。

六、结语

研究了一半后面告诉我不用这个工具了。

56e8b6986b8546cc6288fbfc04f1309f.gif

改用ketcher这个编辑器,有点意思,我先冲了。