改变美人鱼的大小.渲染生成的SVG?

Question

我试图在我的Angular 8项目中使用美人鱼渲染SVG。除了我唯一的问题是尺寸太小，而且我无法在CSS中覆盖max-width之外，所有内容都完全按照需要呈现。所以我试着在我的TS文件中设置一个更大的宽度。

在我的onIt()函数在TS我包括以下:

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

但是，这不会增加max-width，它是自动设置的。

我已经试过改变"graphDiv"在CSS中没有运气。是否可以使用typescript覆盖预设的宽度?

Answer 1

您可以在样式中覆盖这些设置。Angular项目的scss文件。这样的:

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

这将覆盖美人鱼的设置。