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

时间:2017-11-13 08:22:12

标签: javascript jquery css svg svg.js

我创建一个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;
}

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

<path class="room-bg" />

注意:我正在开发 Angular2-Typescript 应用,我将SVG.js添加到项目中作为npm包。

感谢您的帮助。

1 个答案:

答案 0 :(得分:0)

你应该能够做到:

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

请参阅:[http://svgjs.com/manipulating/#addclass]