用jQuery初始化画布

Question

我最近一直想通过以下库来可视化分子： Grid Event。首先，我将抽屉初始化如下：

SmilesDrawer.apply({ width: 300, height: 300 });

如果我用数据输入创建一个简单的画布，如下所示：

<canvas data-smiles=CC=O name=canvasField></canvas>

该库工作正常，并输出所需的可视化效果。但是，如果我尝试通过jquery（在html渲染期间）进行设置，如下所示，

$('#outputElement').html("<canvas data-smiles=CC=O name=\"canvasField\"></canvas>")

什么都没发生。我已经检查了html，它似乎可以正常显示，但是该分子没有显示。我在这里错过明显的东西吗？如果是这样，如何如图所示用html生成画布？

谢谢！