Моя тема здесь довольно прямолинейна для проекта ..
Я видел много тем на тему изменения размера изображений на холсте ... но то, что я пытаюсь сделать здесь, - это наоборот.
У меня есть изображение шаблона, которое не изменится, если у него другой размер экрана.Тем не мение;Я хотел бы сделать так, чтобы изображение в форме холста вписывалось в размеры изображения шаблона.Я хотел бы думать о шаблоне почти как о контейнере, но, поскольку я буду использовать разные изображения с разными размерами, он немного сложнее.
Я пытаюсь сделать так, чтобы изображение создавалось внутриЭлемент canvas подходит независимо от его размера, пропорционально вписывается в размеры элемента #tee.
<body>
<div id="obj-container">
<canvas id="obj"></canvas>
<img id="tee" src="https://doc-04-6s-docs.googleusercontent.com/docs/securesc/qhq5e6giuhl9ifpegip5ens14q2k3js8/8krn1u04pvhor8f561eg93ipbn8hjh2e/1569607200000/16313464075852650790/11150445017567734732/0B3ubyt3iIvkaUlpHVEpDTGhjQzg?e=view"></img></div>
Вот пример использования Codepen https://codepen.io/andrew-squire/pen/JjPqPey