Изменение размера пути SVG в angular с помощью angular2-draggable npm пакета - PullRequest
Новая
       23

Изменение размера пути SVG в angular с помощью angular2-draggable npm пакета

0 голосов
/ 14 апреля 2020

Я использую Angular 8.1. Я хочу добавить форму звезды, нажав на кнопку звезды. Я хочу изменить некоторые стили этого, когда я хочу, путем изменения значений ввода на панели, которую я создаю, например, цвет границы, размер границы, цвет фона. Для Rectangle я использую тег div с некоторыми стилями, подобными этим. И это прекрасно работает, и я могу изменить стили. 

<div
          ngDraggable
          ngResizable
          [rzHandles]="'n,e,s,w,se,sw,ne,nw'"
          *ngFor="let element of createElements; let i = index"
          (click)="elementClicked(i)"
          (movingOffset)="onMoving($event)"
          (rzResizing)="onResizing($event)"
          style="
            position: absolute;
            width: 100px;
            height: 100px;
            font-style: normal;
            transform: translate(0px, 0px);
            left: 0px;
            top: 0px;
            font-family: Arial;
            font-size: 20px;
            text-align: right;
            border-color: rgb(0, 0, 0);
            border-width: 4pt;
            border-style: solid;
            background-color: rgb(127, 198, 245);
            opacity: 1;
            z-index: 0;
            cursor: move;
            display: flex;
            align-items: center;
          "
        ></div>

но для звезды я хочу использовать svg path, но изменение размера не работает. до этого я пытался использовать clip-path в css, но границы не такие, как я хочу.

...