Редактирование: Принцип копирования
Внимание! Вы не авторизовались на сайте. Ваш IP-адрес будет публично видимым, если вы будете вносить любые правки. Если вы войдёте или создадите учётную запись, правки вместо этого будут связаны с вашим именем пользователя, а также у вас появятся другие преимущества.
Правка может быть отменена. Пожалуйста, просмотрите сравнение версий, чтобы убедиться, что это именно те изменения, которые вас интересуют, и нажмите «Записать страницу», чтобы изменения вступили в силу.
Текущая версия | Ваш текст | ||
Строка 6: | Строка 6: | ||
<syntaxhighlight lang="javascript" line start="1" enclose="div"> | <syntaxhighlight lang="javascript" line start="1" enclose="div"> | ||
var buffer = document.createElement('canvas'); | var buffer = document.createElement('canvas'); | ||
− | </ | + | </syntaxhighligh> |
Далее нарисуем в "buffer" изображение, которое хотим копировать: | Далее нарисуем в "buffer" изображение, которое хотим копировать: | ||
Строка 12: | Строка 12: | ||
var buf_ctx = buffer.getContext('2d'); | var buf_ctx = buffer.getContext('2d'); | ||
buf_ctx... // здесь рисуется нужное нам изображение | buf_ctx... // здесь рисуется нужное нам изображение | ||
− | </ | + | </syntaxhighligh> |
Чтобы скопировать полученное изображение из внутренней памяти на экран, воспользуемся функцией drawImage(): | Чтобы скопировать полученное изображение из внутренней памяти на экран, воспользуемся функцией drawImage(): | ||
<syntaxhighlight lang="javascript" line start="1" enclose="div"> | <syntaxhighlight lang="javascript" line start="1" enclose="div"> | ||
context.drawImage(buffer, x, y); | context.drawImage(buffer, x, y); | ||
− | </ | + | </syntaxhighligh> |
где "x", "y" - координаты, в которые копируется изображение. | где "x", "y" - координаты, в которые копируется изображение. | ||
Строка 28: | Строка 28: | ||
Скачать программу: [[Медиа:CopyPic_v1_release.zip|CopyPic_v1_release.zip]] | Скачать программу: [[Медиа:CopyPic_v1_release.zip|CopyPic_v1_release.zip]] | ||
− | + | Текст программы на языке JavaScript (разработчик [[Цветков Денис]]): <toggledisplay status=hide showtext="Показать↓" hidetext="Скрыть↑" linkstyle="font-size:default"> | |
− | |||
Файл '''"CopyPic_v1_release.js"''' | Файл '''"CopyPic_v1_release.js"''' | ||
<syntaxhighlight lang="javascript" line start="1" enclose="div"> | <syntaxhighlight lang="javascript" line start="1" enclose="div"> | ||
Строка 191: | Строка 190: | ||
} | } | ||
− | </ | + | </syntaxhighligh> |
Файл '''"CopyPic_v1_release.html"''' | Файл '''"CopyPic_v1_release.html"''' | ||
− | <syntaxhighlight lang=" | + | <syntaxhighlight lang="html" line start="1" enclose="div"> |
<!DOCTYPE html> | <!DOCTYPE html> | ||
<html> | <html> | ||
Строка 207: | Строка 206: | ||
</body> | </body> | ||
</html> | </html> | ||
− | </ | + | </syntaxhighligh> |
− | </ | + | </toggledisplay> |
− | |||
[[Category: Виртуальная лаборатория]] | [[Category: Виртуальная лаборатория]] |