Публикации по теме 'canvas'


В ДОМ или не в ДОМ?
Отбрасывание кроликов обратно к растровым изображениям в бенчмарке Blitzkrieg! ДАААААААААА! Пиратский эталон: Вопрос на миллион долларов… Так что быстрее? Что ж, мои выводы показали мне, что в большинстве случаев использования Canvas быстрее, чем DOM… намного быстрее. Сначала у них почти одинаковая скорость, но я начал терять кадры в секунду, так как количество спрайтов накапливалось намного раньше с DOM, чем с Canvas. Однако так было не всегда. На самом деле, если бы мы провели..

Учебное пособие по кодированию JavaScript  — Часть 2
Продолжая прямо с того места, где мы остановились в части 1, чтобы добавить еще больше удивительной случайности и немного уборки. Прежде чем мы перейдем к тому, как рандомизировать больше вещей, чем просто координаты x по горизонтали и y по вертикали, а также высоту и ширину прямоугольника, давайте рассмотрим пару лучших практик. Хорошей практикой считается добавление строки текста между тегами холста на тот случай, если веб-браузер пользователя не поддерживает элемент холста. ‹canvas..

Эй, Даниэль Штернлихт, хорошая статья, но она закончилась гибридом при первом подходе.
Эй, Дэниел Штернлихт , хорошая статья, но закончилось гибридным подходом. Делюсь ссылкой https://stackoverflow.com/questions/52573105/set-width-and-height-of-element-screenshot-in-puppeteer/56383338#56383338 но затем я изменил html2canvas, потому что у html2canvas есть некоторые проблемы с некоторыми правилами CSS и значками, поэтому я закончил использовать только Puppeteer и сделал снимок экрана с элементом, используя element.screenshot() вместо page.screenshot() , потому что, если..

Вопросы по теме 'canvas'

Как 2D-рисунок холста на основе объектной модели вписывается в MVVM, Caliburn и Silverlight (о боже)
Я создал грубую демонстрацию без MVVM в Silverlight, которая рисовала различные линии и другие 2D-объекты на холсте на основе объектной модели. Сейчас я переношу приложение на MVVM (Caliburn Micro) и сейчас нахожусь в точке, где у меня есть объекты...
457 просмотров
schedule 22.05.2024

Проблема очистки холста. Выберите объекты, которые не очищаются в Canvasteroids
Я создаю новую игру астероидов с холстом html5. Все шло хорошо до того момента, когда мне пришлось динамически рисовать лазеры на сцене. Они рисуются неправильно (должны быть только 10 пикселей в длину), и когда вы снимаете дважды с интервалом более...
796 просмотров
schedule 17.05.2024

Веб-шрифты Google загружаются случайным образом в игровой холст HTML5
У меня есть игровой проект HTML5, над которым я сейчас работаю, и, поскольку Arial не показался мне достаточно привлекательным для интерфейса, я пытался заставить работать два веб-шрифта Google, чтобы улучшить дизайн моей игры. Я пытаюсь...
598 просмотров
schedule 15.05.2024

Sprite Sheet — новый спрайт рисуется поверх старых спрайтов
В основном я пытался использовать лист спрайтов для анимации. Цель состоит в том, чтобы сосчитать от 1 до 8 с интервалом в 1 секунду. Числа представляют собой изображение на листе спрайтов. Проблема в том, что когда число рисуется на холсте, оно...
210 просмотров

MooTools для jQuery с элементом Canvas
Я нашел JS Fiddle, который обеспечивает идеальное решение для проекта, над которым я работаю. К сожалению, в скрипте выбрана платформа MooTools. Я работаю в jQuery 1.9.1, и когда я переключаю фреймворк на jQuery, скрипка ломается. Я попытался...
152 просмотров
schedule 10.04.2024

Попытка передать изображение, хранящееся в хранилище данных GAE, изначально созданное с помощью canvas.toDataURL().
У меня есть холст, нарисованный пользователем. В JavaScript я делаю: var data = canvas.toDataURL().substr(22); // snipped code that sets up xhr POST to "d/" var params = "img=" + encodeURIComponent(data); xhr.send(params); Я substr(22),...
95 просмотров

Понимание неслучайного вывода при попытке создать случайные пиксели на холсте
Я использую процессинг.js. Для каждой итерации цикла в draw() я определяю случайную центральную точку (x, y) в любом месте холста, а затем случайную ширину и высоту от 80 до 100. Это определяет прямоугольник. Затем я перебираю каждую точку внутри...
31 просмотров
schedule 25.04.2024

Как добавить новые шары по щелчку мыши в JS HTML5 Canvas?
Я написал код на холсте HTML5, в котором мяч падает из положения моего курсора независимо от того, куда я его перемещаю. Всякий раз, когда я перемещаю его, он обновляется и снова падает с этого места. Я хотел бы, чтобы новый мяч появлялся каждый...
990 просмотров
schedule 30.03.2024

Jquery: динамическое добавление к context.childNodes[4] не работает
Нубский начинающий инженер по интерфейсу здесь. В настоящее время я работаю над приложением для векторного рисования на холсте html5, которое упрощает замену цветовой палитры. Я работаю над функцией, которая создает именованную цветовую...
92 просмотров
schedule 11.05.2024

leaflet.js 1.0-rc слой сетки. не перерисовывать круг холста при увеличении
вот пример: http://jsfiddle.net/alekzonder/kvs3rb9t/ var lc = L.latLng(55.73948169869349, 37.88566589355469); var map = L.map(document.getElementById('map')); map.addLayer(L.marker(lc)); map.setView(lc, 10); L.Util.extend(L.LatLng, {...
382 просмотров
schedule 21.04.2024

Как я могу отправить div через узел js?
Контекст: я создаю веб-приложение, в котором я могу рисовать на холсте, сохранять его как изображение и отправлять другому клиенту через Node. Что работает: Рисунок (на любом клиенте. Обновляется в режиме реального времени). Сохранение...
1999 просмотров
schedule 19.03.2024

Линии холста не остаются при рисовании из другой функции
Я не могу понять, почему мои линии не рисуются. Я пытаюсь объединить 2 «рисунка». Сетка (рисует отлично). Еще пару линий (тоже отлично рисую). Но когда я комбинирую 2, я теряю свои линии или они «кажутся» не нарисованными. *Обратите...
77 просмотров
schedule 12.03.2024