Рафаэль с Angular 4+

Question

Я пытаюсь добавить Рафаэль в проект Angular 4+. Я понятия не имею, с чего начать. В идеале я хотел бы добавить его с типами и все. Я посмотрел на это , но мне не удалось заставить его работать.

Пошаговое руководство с использованием angular CLI было бы здорово!

Answer 1

Пошаговое руководство по настройке примера проекта с Angular + Рафаэль с типами.

1. Создание проекта angular с использованием angular CLI ng new raphael-sampel
2. Установка Raphael в проекте npm install raphael
3. Установка типов Raphael npm install --save @types/raphael
4. Заменить HTML содержимое в app.component. html на <div id="paper"></div>
5. Импортировать Рафаэля в app.component.ts import * as Raphael from 'raphael';

6. Реализовать OnInit в app.component.ts (см. ниже)

   <br> import { Component, OnInit } from '@angular/core'; import * as Raphael from 'raphael';</p> <p>@Component({ selector: 'app-root', templateUrl: './app.component.html', styleUrls: ['./app.component.css'] }) export class AppComponent implements OnInit { ngOnInit(): void { let paper = Raphael(document.getElementById('paper'), 500, 500);<br> paper.circle(100, 100, 100).attr({'fill':'270-#FAE56B:0-#E56B6B:100'});<br> } }