将样式从外部 scss 文件添加到 SVG.js 元素

Question

我创建了一个 svg 并使用 SVG.js 添加了一个路径，如下所示。

this.roomPlan = SVG('roomPlan').attr('id','roomPlanSvg').size(1024, 
768);
this.roomPlan.path(room.area.d);

我有一个外部.scss文件，我有一些样式如下；

.room-bg {
  fill: nb-theme(card-bg);
  stroke: transparent;
  cursor: pointer;
  stroke-width: 4px;
}

我想像其他 html 一样将.room-bg选择器作为类添加到我的路径元素中。 例如 ;

<path class="room-bg" />

注意：我正在开发Angular2-Typescript应用程序，并将SVG.js添加到项目中作为 npm 包。

感谢您的帮助。

Answer 1

你应该能够做到：

this.roomPlan.path(room.area.d).addClass("room-bg");

见：[http://svgjs.dev/manipulating/#addclass]