改变Mermaid.render生成的SVG的大小？

Question

我正在尝试渲染一个SVG使用美人鱼在我的角8项目。除了我唯一的问题是，尺寸太小，而且我无法覆盖我的CSS中的最大宽度，一切都完全按照需要呈现。因此，我试图在我的TS文件中设置一个更大的宽度。

在TS中的onIt()函数中，我包含了以下内容：

mermaid.render("graphDiv", graphDefinition, (svgCode, bindFunctions) => {
        element.innerHTML = svgCode;
        bindFunctions(element);
      element.setAttribute("style", "max-width: 1000px !important")
      });

但是，这并没有增加正在自动设置的最大宽度.

我已经尝试过改变"graphDiv“在CSS中没有运气。是否可以使用类型记录覆盖预设的宽度？

Answer 1

您可以在角项目的styles.scss文件中覆盖这些设置。如下所示：

svg#graphDiv {
 max-width: none !important;
}

这应该会覆盖美人鱼设置。