Картинка
Чтобы вставить в задание картинку, используйте компонент {{img src=<URL изображения>}}
. Например:
{{img src=url width="100px" height="75px"}}
Сами файлы можно разместить в Яндекс.Облаке.
- Параметры
-
Параметр
Описание
Обязательный
Значение по умолчанию
src
URL изображения. Варианты значений:
URL из входных данных задания. Например, из поля с идентификатором
url
:src=url
.Прямая ссылка. Рекомендуется использовать протокол HTTPS. Например:
src="https://mywebsite.ru/img1.png"
.
да
нет
width
Ширина изображения. Указывается в следующих единицах:
Пиксели. Например:
width="100px"
.Доля от размера родительского элемента. Например:
width="100%"
.
Можно также задать ширину с формулой. Например,
width="calc(100%-30px)"
.нет
"300px"
height
Высота изображения. Указывается в следующих единицах:
Пиксели. Например,
height="100px"
.Доля от размера родительского элемента. Например,
height="100%"
.
Можно также задать ширину формулой. Например,
height="calc(100%-30px)"
.нет
"300px"
real-size
Масштабирование изображения. Возможные значения:
real-size=false
— растягивать изображение по размеру родительского элемента.real-size=true
— использовать исходный размер изображения (если он не превышает размер родительского элемента).
нет
false
class
CSS-класс для картинки.
нет
".img"
Параметр
Описание
Обязательный
Значение по умолчанию
src
URL изображения. Варианты значений:
URL из входных данных задания. Например, из поля с идентификатором
url
:src=url
.Прямая ссылка. Рекомендуется использовать протокол HTTPS. Например:
src="https://mywebsite.ru/img1.png"
.
да
нет
width
Ширина изображения. Указывается в следующих единицах:
Пиксели. Например:
width="100px"
.Доля от размера родительского элемента. Например:
width="100%"
.
Можно также задать ширину с формулой. Например,
width="calc(100%-30px)"
.нет
"300px"
height
Высота изображения. Указывается в следующих единицах:
Пиксели. Например,
height="100px"
.Доля от размера родительского элемента. Например,
height="100%"
.
Можно также задать ширину формулой. Например,
height="calc(100%-30px)"
.нет
"300px"
real-size
Масштабирование изображения. Возможные значения:
real-size=false
— растягивать изображение по размеру родительского элемента.real-size=true
— использовать исходный размер изображения (если он не превышает размер родительского элемента).
нет
false
class
CSS-класс для картинки.
нет
".img"