<iframe id="sketch" src="/static/js/marvinjs-15.6.29-all/editor.html" style="width: 703pxheight: 428px"></iframe>
2.将所需的js文件加载到所需要的页面
import '../../../static/js/marvinjs-15.6.29-all/js/marvinjslauncher.js'
import '../../../static/js/marvinjs-15.6.29-all/gui/lib/promise-1.0.0.min.js
3.进入页面时进行加载
handleDocumentReady(e) {
var p =MarvinJSUtil.getEditor("#sketch")
var that =this
p.then(function (sketcherInstance) {
marvinSketcherInstance = sketcherInstance//购买授权之后可以获取到
marvinSketcherInstance.setDisplaySettings({//增加左侧的选项
"toolbars":"search"
})
}, function (error) {
})
}
4.点击将结构式生成mol字符串数组
search_makesure() {
var mol =null
var that =this
marvinSketcherInstance.exportStructure(this.structureType).then(function (source) {
mol = source
if (marvinSketcherInstance.isEmpty() || !mol ||null == mol ||"" == mol) {
alert("请画出结构式")
}
that.mol_val = mol
console.log(that.mol_val)
})
}
5.var marvinSketcherInstance 在vue项目中不能放在data里面进行定义，获取不到授权信息，将此变量放在export default 之外。
所需介绍及链接地址：
百度 marvin js使用介绍
官网 简介 示例 如何嵌入
以上是对marvin js的初步了解，只包括怎么在项目中进行引入，与后台接口的对接仍在完善。
J就是指聚合物，S水泥；即JS就是聚合物水泥防水涂料，以又称JS复合防水涂料（“JS”为“聚合物水泥”的拼音字头），是一种以聚丙烯酸酯乳液、乙烯-醋酸乙烯酯共聚乳液等聚合物乳液与各种添加剂组成的有机液料，并配合一定比例的普通硅酸水泥等无机粉料配置而成的防水材料。可用于潮湿基层,涂后经固化成为橡胶状弹性防水层。经固化形成的防水膜，具有优良的粘结性、抗渗性、抗裂性、耐久性和耐酸碱性等功效。延伸性好、强度大、具有优良的耐水性、耐老化性。该产品无毒、无污染、施工方便，具有显著的环境效益。是新一代环保型防水材料。
JS防水涂料是液体，然后在施工现场添加水泥，按照一比一的比例添加，搅拌均匀后施工即可。而聚合物水泥防水涂料是干粉砂浆，在施工现场直接添加水搅拌均匀即可，施工更方便，而且产品更稳定，因为聚合物水泥防水涂料是厂家在生产中已经配比好比例了，配方非常合理，效果非常好。
1、广泛用于外墙、屋面、卫生间、外墙面、水池、堤坝、地下室、隧道、人防工程防水、及其他建筑物的防水、防渗漏、防潮等工程。
2、 用于加气混凝土、空心砖等多孔材料砌体的防渗漏、防潮。
产品特点
1、能在潮湿或干燥的多种材质的基面上直接施工；
2、无毒、无味、无污染，施工安全、简单、工期短；
3、涂层坚韧高强，耐水性、耐候性、耐久性能优异，可加颜色；
4、能与防水层外面的保护层良好的粘结。
