{{field type="radio" name="result" value="OK" label="Да" hotkey="1"}}
{{field type="radio" name="result" value="BAD" label="Нет" hotkey="2"}}
{{field type="radio" name="result" value="404" label="Ошибка загрузки" hotkey="3"}}
```
{% endcut %}
{% cut "Блок JavaScript" %}
```javascript
exports.Task = extend(TolokaHandlebarsTask, function(options) {
TolokaHandlebarsTask.call(this, options);
}, {
onRender: function() {
// DOM element for task is formed (available via #getDOMElement())
},
onDestroy: function() {
// Task is completed. Global resources can be released (if used)
}
});
function extend(ParentClass, constructorFunction, prototypeHash) {
constructorFunction = constructorFunction || function() {};
prototypeHash = prototypeHash || {};
if (ParentClass) {
constructorFunction.prototype = Object.create(ParentClass.prototype);
}
for (var i in prototypeHash) {
constructorFunction.prototype[i] = prototypeHash[i];
}
return constructorFunction;
}
```
{% endcut %}
## Проект 2. Выделить объект на изображении {#image-segmentation-project-1}
{% cut "Спецификации" %}
#|
||**Входные данные:**|**Выходные данные:**||
||
```json
{
"image": {
"type": "url",
"hidden": false,
"required": true
}
}
```
|
```json
{
"result": {
"type": "string",
"hidden": false,
"required": true
}
}
```
||
|#
{% endcut %}
{% cut "Блок HTML" %}
```html
{{field type="image-annotation" name="result" src=image}}
```
{% endcut %}
{% cut "Блок JavaScript" %}
1.
Подключите библиотеку `image-annotation.js` (нажмите
в блоке **Интерфейс задания** на странице проекта).
1. ```javascript
exports.Task = extend(TolokaHandlebarsTask, function (options) {
TolokaHandlebarsTask.call(this, options);
}, {
onRender: function() {
// DOM element for task is formed (available via #getDOMElement())
},
onDestroy: function() {
// Task is completed. Global resources can be released (if used)
}
});
function extend(ParentClass, constructorFunction, prototypeHash) {
constructorFunction = constructorFunction || function () {};
prototypeHash = prototypeHash || {};
if (ParentClass) {
constructorFunction.prototype = Object.create(ParentClass.prototype);
}
for (var i in prototypeHash) {
constructorFunction.prototype[i] = prototypeHash[i];
}
return constructorFunction;
}
```
{% endcut %}
{% cut "Блок CSS" %}
```css
.image-annotation-editor__shape-polygon {
display: none;
}
.image-annotation-editor__annotation-layer {
height: max-content;
}
```
{% endcut %}
## Проект 3. Верно ли выделены объекты на изображении? {#image-segmentation-project-1}
{% cut "Спецификации" %}
#|
||**Входные данные:**|**Выходные данные:**||
||
```json
{
"image": {
"type": "url",
"hidden": false,
"required": true
},
"selection": {
"type": "json",
"hidden": false,
"required": false
},
"assignment_id": {
"type": "string",
"hidden": true,
"required": true
}
}
```
|
```json
{
"result": {
"type": "string",
"hidden": false,
"required": true
}
}
```
||
|#
{% endcut %}
{% cut "Блок HTML" %}
```html
{{field type="image-annotation" name="object" annotations=selection}}
{{field type="radio" name="result" value="OK" label="Верно" hotkey="1"}}
{{field type="radio" name="result" value="BAD" label="Неверно" hotkey="2"}}
```
{% endcut %}
{% cut "JavaScript" %}
```javascript
exports.Task = extend(TolokaHandlebarsTask, function(options) {
TolokaHandlebarsTask.call(this, options);
}, {
onRender: function() {
// DOM element for task is formed (available via #getDOMElement())
},
onDestroy: function() {
// Task is completed. Global resources can be released (if used)
}
});
function extend(ParentClass, constructorFunction, prototypeHash) {
constructorFunction = constructorFunction || function() {};
prototypeHash = prototypeHash || {};
if (ParentClass) {
constructorFunction.prototype = Object.create(ParentClass.prototype);
}
for (var i in prototypeHash) {
constructorFunction.prototype[i] = prototypeHash[i];
}
return constructorFunction;
}
```
{% endcut %}
{% cut "CSS" %}
```css
/* disable polygon-editor controls */
.image-annotation-editor__shape-polygon {
display: none;
}
.image-annotation-editor__annotation-layer {
height: max-content;
}
```
{% endcut %}
[Написать в службу поддержки](https://yandex.ru/support/tasks-requester/ru/guide/troubleshooting/support.md){.support_btn}