Почему картинка не отображается?

Потому что изображение ещё не загружено.

const canvas = document.querySelector("#canvas"),
  ctx = canvas.getContext("2d");
// Set canvas width & height;
canvas.width = window.innerWidth;
canvas.height = window.innerHeight;

// show ground
const ground = new Image();
ground.src = "assets/img/ground.jpg";
ground.onload = function(){
	ctx.drawImage(this, 0, 0, 660, 440, 0, 0, 400, 200);
}

Обязательно почитайте про функцию drawImage

This к массиву в конструкторе js?

Igogogor,

this.a = [posx,posy,prx,pry] = [].concat(x,y,x,y);

Пусть эта строка была бы рабочей. Что в ней динамичного? Меньше нажатий на клавиатуре?
Хотите задать свойства объекту - так задавайте. Классически

class Particle {
	constructor(x, y) {
		return Object.assign(this, {
			posx: x,
			posy: y,
			prx: x,
			pry: y
		});
	}
}

Как сделать чтобы dompdf сохранял картинки при создании PDF из статей википедии?

Получили контент. Регуляркой заменили в тегах href, src двойной слешь на https:// Отдаёте html в dompdf

UPD:
https://regex101.com/r/rNLWfy/1

Стоит ли париться?

IninsaY, смотрите в сторону flexbox.
Запрос - как прижать футер в низ

Какие есть способы редиректа пользователя с главной на /ru или /en?

Второй вариант.

Нужен плавный переход между табами хелпаните?

Я бы растянул ::after в абсолютной позиции с z-index: 0 и применил бы transition: opacity .3s; к нему.
Т. е. background-image применить именно к псевдо элементу.

Почему js не видит класс в теге select > option?

Потому что надо понять, что тег option не может служить для передачи данных через data для тега select. option может передавать для тега select только значение value и больше ни чего.

SVG не хочет использовать шрифт. Что делать?

Иван Анатоличь, вообщем вам Алекс Глебов ответил полностью и ёмко.
Ничего не стоит сделать тест на fiddle на основе имеющегося.



Хорошие статьи, чтобы всё получилось

1. Структурирование, группировка и привязка в SVG — э...
   
2. Оформление содержимого в SVG с помощью CSS
   

Какой тут сделать ховер на ссылке?

Antonio09 выбирайте.
https://tympanus.net/Development/CreativeButtons/
https://tympanus.net/Development/ButtonStylesInspi...

SVG не хочет использовать шрифт. Что делать?

Иван Анатоличь,


Как видно img не хочет грузить шрифт. И это правильно.

Как настроить регулярки?

Ivan Ivanovich, да. замените на [^\A-zА-я\s]
В ответе исправлено.

Как повернуть текст вертикально не используя transform?

art style,

Как повернуть текст вертикально не используя transform?

art style, + rotate(180deg)

Как сжать данные при загрузке через AJAX?

Надим Закиров, сжать html (вытянуть в строку удалив переносы строк, лишние пробелы, табы). Каждый символ - это n число бит в зависимости от кодировки. Соответственно вы уменьшите вес на какое-то количество байт.
Ну и gzip для php на стороне сервера.

Всплывающие окна как исправить конфликт?

Сергей Сорокин, просто отметьте решением мой ответ. Это и будет благодарностью.

Всплывающие окна как исправить конфликт?

Сергей Сорокин,
Либо вернёмся к изначальному вашему варианту обработки ссылки fancybox по-умолчанию

Всплывающие окна как исправить конфликт?

Сергей Сорокин, ну да ладно, не буду мучить своими вопросами.

Всплывающие окна как исправить конфликт?

Сергей Сорокин, data-src="#[[+idx]]" у вас что одинаковый у обоих ссылок?
Я понял так, что это MODx Revo.
Ну да ладно.
На странице, к примеру, 20 товаров. Получается на странице присутствует ещё 20 форм? Не много ли?
Брошу гранату... Заказчик захотел подгрузку по ajax товаров по клику в пагинаторе...

Как анимировать несколько блоков по порядку бесконечно?

Hfnas, именно это я и имел ввиду.

Как анимировать несколько блоков по порядку бесконечно?

Непонятно причём здесь jQuery...
Всё точно так же как и для html.
svg поддерживает стили и к свойствам svg вы можете применить css animation.
Для каждого класса свой @keyframes если будете менять заливку fill. Если только увеличение, то один.
А дальше выставите нужную задержку старта анимации для каждого класса.