Возможно ли загрузить карту Google в div, а затем наложить на нее элемент canvas?

#html #google-maps #canvas

#HTML #google-карты #холст

Вопрос:

Я знаю, что вы можете загрузить изображение непосредственно в canvas с помощью drawImage() , но мне интересно, возможно ли наложить canvas поверх другого div с изображениями в нем.

В частности, я хочу наложить <canvas> элемент поверх карты Google. Я хотел бы рисовать полилинии и выполнять анимацию над картой в <canvas> контексте вместо использования API Google Map для этой цели.

Комментарии:

1. Если вы хотите, чтобы фон холста был прозрачным; я не верю, что это возможно; но опять же, я не слишком много работал с <canvas> .

2. Да, это идея — сделать элемент <canvas> прозрачным.

3. В этом примере показано наложение элементов canvas друг на друга, но не размещение div с изображением за нижним слоем canvas: html5.litten.com/using-multiple-html5-canvases-as-layers

Ответ №1:

ДА. Это должно работать просто отлично. Просто расположите свой canvas поверх div, аналогично тому, как несколько холстов расположены друг над другом в примере, который вы связали.

Вероятно, вы могли бы просто попробовать это и не ждать ответа на SO 🙂