Tag: canvas

Общие советы по холсту html5

Я разрабатываю игру для холста html5, в основном ориентируюсь на мобильные устройства. Размер холста изменен до самого большого разрешенного разрешения, так что он почти делает полноэкранную игру. На ipad, который будет холстом 1024×786; При таком разрешении я замечаю значительное снижение частоты кадров. При меньшем разрешении, как 480×320 на iphone, игра работает гладко! Я думаю, это […]

Есть ли альтернативы jsPlumb? (С целью подключения элементов DOM)

Я создаю систему управления проектами gantt, и я пытаюсь подключить элементы DOM пользовательского интерфейса вместе, как в этой демонстрации jsPlumb : Тем не менее, мне не очень нравится jsPlumb. Я искал альтернативы, но не смог найти. Существуют ли какие-либо альтернативы jsPlumb, которые вы предлагаете?

AngularJS Связывание с WebGL / Canvas

Я очень зелёный для AngularJS. Мне интересно, можно ли использовать его, когда ваше представление использует HTML5 Canvas или WebGL? Если да, есть ли хорошие учебники о том, как вы это делаете? Я видел, как несколько игр похвастаются тем, что они сделаны с помощью AngularJS, но я не знаю, ограничено ли это их меню, списками лидеров […]

Как бы я мог оживить процесс трансформированного изображения холста, возвращаясь в его исходное состояние?

Я нахожусь в преобразовании (1, 0, 0, -0,7, 0,4, 320, 70), и я хочу постепенно заканчивать (1, 0, 0, 1, 0, 0), как это сделать? Это код, который преобразует изображения: document.addEventListener("DOMContentLoaded", function(event) { image = new Image(); image2 = new Image(); image3 = new Image(); image4 = new Image(); window.onload = function() { //first image […]

Как я могу создать Canvas Image из источников изображения в массиве?

Я хочу создать изображение Canvas из нескольких изображений в массиве, исходящем из моего запроса ajax; Для этой цели я пытаюсь запустить цикл, но drawImage не работает с циклом. Затем я попробую функцию и вызвал эту функцию в цикле, но то же самое происходит drawImage не работает с этим Ниже я упомянул весь код с функцией […]

Как получить положение мыши на трансформированном холсте HTML5

Я пытаюсь получить положение мыши на преобразованном холсте. Вот мой метод изменения размера: window.addEventListener('resize', resize); function resize() { screenWidth = window.innerWidth; screenHeight = window.innerHeight; scaleFillNative = MathMAX(screenWidth / maxScreenWidth, screenHeight / maxScreenHeight); mainCanvas.width = screenWidth; mainCanvas.height = screenHeight; mainContext.setTransform(scaleFillNative, 0, 0, scaleFillNative, Math.floor((screenWidth – (maxScreenWidth * scaleFillNative)) / 2), Math.floor((screenHeight – (maxScreenHeight * scaleFillNative)) / […]

Нарисуйте HTML5-видео на холст – Google Chrome Crash, Aw Snap

Я нарисовал видео HTML5 с источником файла mp4. Чтобы улучшить стилирование CSS и все, я перерисовываю изображение кадра на холсте с интервалом 20 мс, как это делает многие разработчики Javascript, Пример для w3schools: последний пример рисования Если вы покажете его на IE10 или firefox, он отобразит все в порядке, но когда я покажу его в […]

Загружать несколько изображений холста через цикл javascript

Я пытаюсь создать сценарий загрузки, который изменяет размер клиентской части нескольких изображений до того, как файл saveimage.php обработает их. Причина этого в том, что они будут загружены в другом месте, где может быть очень медленный интернет. Мне удалось найти фрагменты кода, которые помогли мне собрать все вместе. Я всего лишь новичок, поэтому, наверное, очень грязно! […]

Сделать бесконечный холст

В настоящее время я использую холст, на котором я рисовал некоторые области, представляющие интерес. Они состоят из квадратов и могут быть перемещены щелчком мыши (т. Е. Выбранная область будет центрироваться на моей позиции курсора каждый раз, когда я нажимаю на холст). Моя текущая проблема заключается в том, что я хотел бы добавить следующую функцию: Когда […]

Добавить прослушиватель событий в нарисованный объект на холсте html5

Я делаю игру, где пузыри (круги) появляются на экране и движутся вверх, и я использую только HTML5 и JavaScript, что означает отсутствие таких фреймворков, как кинетика и jQuery. Я пришел к тому моменту, когда хочу добавить слушателя событий к самому пузырю, теперь я понимаю, что поскольку пузырь – это объект на холсте, он не имеет […]

Interesting Posts

Обнаружение обернутых браузером строк через javascript

Как установить атрибут title для элементов опции в привязке к модели с помощью AngularJs?

Загрузка нескольких файлов и zip – расширение Chrome

Сформировать подмножества длины n

Лучший способ справиться с переполнением Reveal JS slide

Ошибка Javascript; Uncaught SyntaxError: отсутствует) после списка аргументов

Как создать объект «svg», не добавляя его?

Результат автозаполнения Карт Google в модальном диалоге Bootstrap

Как получить параметры запроса GET в JavaScript?

Страница автоматического обновления Javascript?

Пользовательское оповещение с помощью Javascript

Обнаружение Несохраненных изменений и оповещение пользователя с помощью angularjs

Почему я не могу бросить внутри обработчика Promise.catch?

Получить значения списка флажков с помощью jQuery

Как проверить, является ли строка допустимым шестнадцатеричным представлением цвета?

JavaScript делает сайт умным, красочным и простым использованием.