Мы можем использовать холст для рисования пользовательских фигур. Мне нужно нарисовать свою фигуру динамически как элемент холста и поместить его для элемента фона div. Мои страницы генерируют время выполнения, и они не являются статическим html-кодом, поэтому я не могу использовать сложные методы. Что вы думаете?Установить элемент холста в качестве фона элемента div
С уважением
Похоже, вы ищете toDataURL().
UPD: Здесь использование exaple:
dataUrl = your_canvas.toDataURL();
your_div.style.background='url('+dataUrl+')'
Живая demo на jsFiddle
Спасибо за ваш ответ, как я должен это использовать? –
Предоставьте нам свой HTML/JS. Или вы хотите, чтобы я написал новую страницу для вас? –
Не могли бы вы сделать пример? –
Похоже, что вам нужно canvas2image: https://github.com/hongru/canvas2image
Вы можете создать холст, а затем получить содержимое в качестве png:
var canvas = document.createElement("canvas");
....do stuff here...
var img = Canvas2Image.convertToPNG(canvas, canvas.width, canvas.height);
Тогда все, что вам нужно сделать, это использовать PNG в качестве фонового изображения:
document.body.style.background = "url(" + img.src + ")";
Пожалуйста, поправьте меня, если это не так.
Возможно, вам это поможет: http://stackoverflow.com/questions/2719668/an-html5-canvas-element-in-the-background-of-my-page –
@VimalStan Я вижу это раньше, но это не ясно для меня :( –