Как добавить классы для объектов на canvas?

278

04 сентября 2017, 08:10

  var img = new Image(); 
  var svg = document.querySelector('svg'); 
   
  var xml = new XMLSerializer().serializeToString(svg); 
   
  var svg64 = btoa(xml); 
  var b64Start = 'data:image/svg+xml;base64,'; 
   
  var image64 = b64Start + svg64; 
   
  img.src = image64; 
  context.drawImage(img, this.x, this.y, 160, 160);

Страница содержит svg и canvas, хочу передать svg в canvas, сохранив встроенную в svg анимацию, чтобы тоже срабатывала при наведении курсора, но уже в canvas. Добавляю в canvas svg, содержащий внутри себя и ,на странице анимация svg срабатывает при наведении курсора, повторяясь для img на canvas.Как сделать то же, но для img canvas? Как правильно добавить для img в canvas?

ПОСЛЕДНИЕ ВОПРОСЫ

Все вопросы

ТОП-10

Все популярные вопросы

Scroll в конец страницы при нажатии на <button>

Добрый Вечер! Интересует такой вопрос, существует ли JS функция которая при нажатии на клавишу button, делает скролл в конец страницы спустя 1 секунду?...

411

javascript

Не обновляется состояние Redux

Использую 'react-fileupload' для выбора файла и отправки на сервер, в случае успеха получаю ответ с содержимым файла, но состояние хранилища не обновляется

261

javascript