Соотношение сторон холста для истории Instagram — Html2CanvasCSS

Разбираемся в CSS
Ответить
Anonymous
 Соотношение сторон холста для истории Instagram — Html2Canvas

Сообщение Anonymous »

У меня есть проект, написанный на React. В этом проекте пользователь может поделиться текущим экраном в виде истории в Instagram. здесь я сначала конвертирую экран HTML в холст, а затем в изображение и делюсь им таким образом.
Проблема здесь начинается с преобразования экрана в холст. Я хочу, чтобы размер сгенерированного изображения подходил для Instagram. здесь я хочу изготовить холст в соответствии с соотношением 9/16. если я смогу обрезать созданное изображение сверху и снизу, проблем не будет, но я не знаю, как это сделать.
Пример: https://stackblitz. com/edit/react-xqtup1?file=src%2FApp.js
Пример изображения; Соотношение сторон этого изображения: 215:466
Изображение


Подробнее здесь: https://stackoverflow.com/questions/791 ... tml2canvas
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «CSS»