Публикации по теме '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 просмотров
schedule
01.05.2024
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 просмотров
schedule
13.05.2024
Понимание неслучайного вывода при попытке создать случайные пиксели на холсте
Я использую процессинг.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