💻 代码示例
基本用法
// 1. 引入 RDKit.js 库
<script src="https://unpkg.com/@rdkit/rdkit@2025.3.4-1.0.0/dist/RDKit_minimal.js"></script>
// 2. 等待 RDKit 加载完成
RDKit.then(function(RDKit) {
// 3. 从 SMILES 创建分子
var mol = RDKit.get_mol('CCO'); // 乙醇
// 4. 获取 SVG 字符串
var svg = mol.get_svg();
// 5. 显示 SVG
document.getElementById('container').innerHTML = svg;
// 6. 释放资源
mol.delete();
});
自定义 SVG 选项
RDKit.then(function(RDKit) {
var mol = RDKit.get_mol('CCO');
// 自定义 SVG 选项
var svg = mol.get_svg(500, 400); // 宽度, 高度
// 或者使用选项对象
var options = {
width: 500,
height: 400,
bondLineWidth: 2,
addStereoAnnotation: true
};
var svg = mol.get_svg_with_options(JSON.stringify(options));
document.getElementById('container').innerHTML = svg;
mol.delete();
});
获取分子信息
RDKit.then(function(RDKit) {
var mol = RDKit.get_mol('CCO');
// 获取分子式
var formula = mol.get_formula();
console.log('分子式:', formula);
// 获取 SMILES
var smiles = mol.get_smiles();
console.log('SMILES:', smiles);
// 获取 InChI
var inchi = mol.get_inchi();
console.log('InChI:', inchi);
// 获取分子量
var mw = mol.get_mol_wt();
console.log('分子量:', mw);
mol.delete();
});