如何在ZenUML序列图中更改默认的“用户”参与者标签

问题描述

我想使用User Stickman，但使用不同的名称，而不是默认的“ User”。

如果我使用@Starter(User)，则出现火柴人，但如果我使用@Starter(Buyer)，则火柴人消失。

解决方法

ZenUML Web App和Chrome extension都支持自定义CSS。将以下CSS放入CSS标签中即可解决您的问题：

.lifeline.starter .participant:before {
  content: "";
  display: block;
  height: 45px;
  width: 88px;
  background-size: 80px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='166' height='116'%3E%3Cg fill='none' stroke='%23000'%3E%3Cpath d='M91.166 19.72a13.195 13.069 0 11-26.39 0 13.195 13.069 0 1126.39 0z' transform='matrix(1.1316 0 0 1.14252 -5.728 4.262)'/%3E%3Cpath d='M82.498 42.266v46.057m0-.569l-19.446 16.542M82.53 87.754l21.34 15.468m-41.795-48.36l41.858-.032'/%3E%3C/g%3E%3C/svg%3E");
  background-position: 50%;
  background-repeat: no-repeat;
}

.lifeline.starter .participant {
  border: none;
}