kuramaa922

• Высокая производительность при отрисовке любых 2D объектов.
  
• Стабильная производительность — всё есть пиксель. Производительность падает только при увеличении разрешения изображения.
  
• Лучше всего подходит для создания растровой графики (например, в играх, фракталов и т.п.), редактирования изображений и операций, требующих манипулирования на уровне пикселей.
  

• Нет зависимости от разрешения — SVG лучше подходит для кроссплатформенных пользовательских интерфейсов, так как позволяет масштабировать изображение при различных разрешениях экрана.
  
• SVG очень хорошо поддерживает анимацию. Элементы могут быть анимированы с использованием описательного синтаксиса или с помощью JavaScript.
  
• Можно получить полный контроль над каждым элементом, используя SVG DOM API в JavaScript.
  
• SVG хранится в формате XML, что предоставляет больше возможностей браузерам по обеспечению доступности SVG документов по сравнению с элементом canvas. Таким образом, SVG выглядит лучшим решением для пользовательских интерфейсов веб-приложений.
  

• Отрисовка основана на пикселях.
  
• Не существует API для анимации. Вам придется прибегать к использованию таймеров и других событий для обновления канвы.
  
• Слабые возможности по рендерингу текста.
  
• Возможно, не самый лучший выбор, когда доступность имеет решающее значение. Канва предоставляет вам поверхность для рисования в выбранном контексте (2D и 3D). Можно указать альтернативный контент внутри элемента canvas, который будет показан браузером при невозможности отображения графики. Кроме того, вы можете выполнить проверку доступности выбранного Canvas API с помощью JavaScript. На основе этого вы можете обеспечить различную функциональность для пользователей браузеров с разной поддержкой HTML 5 Canvas.
  
• HTML 5 Canvas не подходит для создания веб-сайтов или интерфейсов веб-приложений, так как пользовательские интерфейсы обычно должны быть динамическими и интерактивными, а Canvas требует от вас постоянной перерисовки каждого элемента в интерфейсе.
  

• Низкая скорость рендеринга при увеличении сложности документа (рисунка), так как используется модель DOM
  
• Скорее всего, SVG не подходит для таких приложений как игры. Возможно лучшим выбором будет комбинация HTML Canvas + SVG.
  

1. Редактирования изображений: обрезки, изменения размеров, фильтров (удаления эффекта красных глаз, создания эффекта сепии, изменения цветности или яркости)
   
2. Создания растровой графики: визуализации данных, создания фракталов и графиков функций.
   
3. Анализа изображений: создания гистограмм и т.п.
   
4. Создания игровой графики, такой как спрайты и фоны.
   

1. Создания пользовательских интерфейсов веб-приложений, независимых от разрешения экрана.
   
2. Высокоинтерактивных анимированных пользовательских интерфейсов.
   
3. Графиков и диаграмм.
   
4. Редактирования векторных изображений.
   

Book.prototype.returnBook = function () {
  if (!this.reader) {
    return false
  } else {
    this.reader = null
    return true
  }
}

const mergeObjects = (...args) => args.reduce((acc, c) => Object.assign(acc, c));

mergeObjects({a: 'A'}, {b: 'B'}, {c: 'C', a: 'AAA'})
// { a: "AAA", b: "B", c: "C" }

const mergeObjects = (...args) => args.reduce((acc, c) => ({...acc, ...c}), {});

Зачем создавать отдельную переменную result и присваивать ей obj

сразу в блоке условия let result = result[chain[i]]

// не объявили result, считай он такой
// result  = undefined
for (let i = 0; i < chain.length; i++) {
    if (result) { // undefined интерпретируется как false
     let result = result[chain[i]] // сюда вообще не попадаем
    } else {
      result = undefined // сюда попадаем при каждом i, причем result идет во внешний контекст
    }
  }

…
let i = 0
for (let char in str) {
…

text.split('\n')
  .map(row => `<p>${row}</p>`)
  .join('\n');

.header__item:nth-last-child(2)::before {
    content: "";
    display: inline-block;
    width: 2px;
    height: 40px;
    margin-right: 16px;
    background-color: #000;
    border-radius: 1px;
}