РЕДАКТИРОВАТЬ: случайно облажались #. 'Извините.

на, по которой я задаю этот вопрос, заключается в том, что я хочу нарисовать стрелку между двумя изображениями SVG. Я хочу использовать canvas для создания стрелок, поэтому сначала я генерирую svgs, а затем помещаю поверх них холст, чтобы иметь возможность рисовать стрелки.

Я попытался использовать стиль = ... но мне не повезло, так как каждый раз, когда я добавляю элемент canvas, он просто помещает мои изображения SVG в другой файл.

Если нет простого способа сделать это, я просто создаю стрелки с использованием SVG, я подумал, что было бы более эффективно использовать canvas, если бы мне пришлось делать много стрел за короткий промежуток времени.

Ответы на вопрос(2)

вы пробовали z-index? это полезный трюк css

#svgcontent
{
z-index:1
}
#html5content
{
z-index:3
}

РЕДАКТИРОВАТЬ: случайно облажались #. 'Извините.

Решение Вопроса

position:absolute на CSS для холста, чтобы вывести его из потока, а затем вы можете слой его, как вам нравится, используяz-index.

Однако вместо этого я предлагаю использовать один или два крошечных полотна для создания стрелок и использоватьtoDataURL() на них, чтобы создать URL, который вы можете использовать для<image> теги в SVG. Таким образом, вся ваша графика в SVG, но вы можете использовать холст для сложных растровых эффектов, если вам нужно.

Ваш ответ на вопрос