Как встроить WebGL в нужный канвас?

Question

[sarsokol]

Добрый день
Есть полноэкранный эффект
https://codepen.io/ko-yelie/pen/oNvWYpw
Не могу понять, как его воткнуть в свой канвас в нужном мне месте

Answer 1

[Vitaliy]

Никак, KGL библиотекой это не предусмотрено

Можно попробовать сделать форк и опубликовать для себя (в git или npm), если повезет, но pull request автор примет быстро.

Или попробовать хитрый трюк - перед инициализацией Kgl подменить document.body, но это может что-то сломать

var origBody = document.body;
document.body = yourTargetParent;
const webgl = new Kgl...
document.body = origBody;

Comments

[sarsokol]

Спасибо.
Не понял только про:

Можно попробовать сделать форк и опубликовать для себя (в git или npm), если повезет, но pull request автор примет быстро.

Я эти строки настроил и нормально все вроде.

this.canvas.style.width = "100%", 
	this.canvas.style.height = 500, 
	document.getElementById("webgl").appendChild(this.canvas));

Еще с сам скрипт подкручу и готово.