Как расположить изображение внутри iframe с помощью html?

Question

Я пытаюсь разместить изображение внутри iframe, я исследовал, но не смог найти то, что мне нужно.

Вот что я сделал,

HTML

<div class="modal-body description">
                <div class="modal-body description">
                    <table class="ui very basic celled table">
                        <tr>
                            <td>
                                <iframe frameborder="0" width="300" height="200" id="sigImage"  onloadeddata="window.frames.scrollTo(300,500)"  src="~/Content/images/signature.png" name="sigImage"></iframe>
                            </td>

                        </tr>
                    </table>                    
                </div>  
            </div>

Здесь я попытался использовать метод (сначала я использую onload) onloadeddata для позиционирования изображенияпо моей необходимости. По сути, у меня есть изображение, и я хочу разместить часть изображения внутри iframe при загрузке.
Пользователь может затем прокрутить изображение, чтобы увидеть другие области изображения.
Как мне это реализовать?
Помощь будет оценена.

Answer 1

Я знаю способ, но вы должны использовать PHP, где вы будете хранить путь к вашему файлу изображения. Это обсуждалось ранее.

Здесь - ссылка, по которой вы можете ссылаться.