Я пытаюсь сделать как svg, так и canvas в одном контейнере для создания диаграмм. В том, что SVG используется для рисования оси, линий сетки, где события добавляются в этот элемент svg. Затем холст используется для рисования диаграммы, может быть штрихом или строкой. Условие здесь: я не хочу использовать позицию: абсолютное свойство как для svg, так и для canvas. Потому что я хочу, чтобы холст был рендерером выше svg, и события должны запускаться на svg.svg, canvas вместе без использования позиции absolute
ответ
Попробуйте position:absolute
и pointer-events:none
на элемент холста.
У вас есть хороший ответ, но ... посмеиваясь ... название вопроса гласит: «без использования абсолютной позиции». – markE
Да, но я читаю между строк ;-). В тексте не приводятся причины, по которым следует избегать «position: absolute». –
Согласен ... Мне нравится ваш ответ, просто ирония! :) – markE
- 1. Создание css-переходов без использования позиции: absolute
- 2. Центр выровнять по ширине рядом с встроенным svg без использования flexbox или position-absolute
- 3. Divs бок о бок без поплавков или позиции: absolute
- 4. центр ДИВ без использования позиции
- 5. Как перекрывать два вектора SVG без использования встроенного SVG?
- 6. image Высота от позиции absolute div
- 7. Blurry svg in canvas
- 8. Размещение флажка над изображением без использования 'top' и 'position: absolute'?
- 9. Позиция div в нижней части другого div, без использования Absolute
- 10. Заголовок над изображением без использования «position: relative/absolute»
- 11. Позиционирование преобразованного элемента SVG в svg-canvas
- 12. позиционирование в CSS без использования элемента позиции
- 13. Перекрытие divs без использования позиции: абсолютное
- 14. Поплавок верхней галереи без использования позиции
- 15. Встраивание SVG в HTML без использования $ .GET
- 16. Персонализация SVG без использования свойств штриха
- 17. Отношение между внутренними соединениями без использования «вместе»
- 18. Поместите два элемента вместе без использования поплавка
- 19. Исправить div до нижней части без использования позиции css
- 20. SVG или CANVAS - лучшая производительность
- 21. Сохранить андроид canvas как svg
- 22. Canvas vs. SVG для игр
- 23. firefox svg canvas drawImage error
- 24. HTML5 Canvas vs SVG/VML?
- 25. Canvas + JQM не работает вместе?
- 26. Canvas vs SVG при взаимодействии аудиоволн
- 27. Как создать три перекрывающихся слоя без использования «позиции» и «полей»
- 28. Canvas drawImage рисует только часть SVG
- 29. Как сделать позиции строк в svg отзывчивом
- 30. анимировать несколько путей в svg без использования css
'позиция: fixed'? –