Я работаю над созданием простого 4-панельного редактора объектов, и размер холста немного проблематичен. Я узнал, что я не должен измерять холст внутри CSS и должен вместо этого определять явную ширину и высоту пикселя. Я пытался настроить все так, чтобы все изменялось на лету при изменении размера браузера, поэтому у меня в основном есть таблица 5x5 со строками 1,3 и 5 высотой 5px и столбцами 1,3 и пять с ширина 5 пикселей. Все четыре ячейки одинакового размера.
Я поместил div внутри каждой из найденных ячеек таблицы и назначил div фон и границу с помощью CSS вместе с отступом 0px. Я не указываю ширину или высоту (но я пробовал также на 100%).
Я помещаю холст внутри каждого элемента и не указываю размеры, пока все не выложено. После этого я читаю ширину и высоту одной из ячеек таблицы и устанавливаю размер каждого холста в соответствии с этим. Он работает отлично, за исключением того, что у меня есть странный промежуток в 3 пикселя между основанием каждого холста и границей его содержания div. Для таблицы я указал отступы: 0px; интервал границы: 0px; и коллапс границы: коллапс; и для ячеек td указали отступы: 0px;
Разрыв - проблема № 1.
Вторая проблема заключается в том, что поскольку каждый холст имеет свои ширину и высоту, размеры всех остальных компонентов на экране автоматически изменяются при изменении размера окон, но элементы холста остаются фиксированными. Можно ли как-то обнаружить событие изменения размера окна и восстановить элементы canvas? В идеале, поскольку изменение размера, когда они видимы, происходит медленно, я хотел бы скрыть или удалить элементы, когда изменение размера начинается, и перестроить и показать их, когда изменение размера завершено. ???