Выполняя рендеринг WebGL для большого элемента canvas, я хотел бы предоставить поток предварительного просмотра анимации с низким разрешением. Это может быть предоставлено HTMLCanvasElement.captureStream (), однако там ...
Is there any way to obtain the canvas that a context is used for? Why I'm asking is because I'm creating a prototype function for CanvasRenderingContext2D in which I need the width/height of the ...
Я хочу отобразить изображение на холсте и вставить текст поверх этого изображения. window.onload = function () {var canvas = document.getElementById ("myCanvas"); var context = canvas.getContext ("2d") ...
В приложении для рисования я сохраняю координаты движения мыши в массиве, а затем рисую их с помощью lineTo. Получившаяся линия не гладкая. Как я могу создать единую кривую между всеми ...
Я просматривал учебные пособия, но все же не могу понять, где я ошибаюсь. Кажется, это должно быть очень просто, но это вызывает у меня проблемы. Ниже приведен простой код ...
Похоже, события мыши добавят слушателей к элементам холста нормально, но события клавиатуры, похоже, не работают для элементов холста . Пример:
http://jsfiddle.net/H8Ese/1/ Браузеры:
Chrome 14.0
...
Я рисую изображение в элемент холста. Затем у меня есть код, который зависит от завершения этого процесса. Мой код выглядит так: var myContext = myCanvasElement.getContext('2d'), myImg = new ...
У меня есть внешний холст html5, который вы можете рисовать на некоторых строках с помощью мыши. Я хочу программно нарисовать что-то на этом холсте, например. круг, но в форме анимации (не рисуя сразу ...
Я использую холст html5 + некоторый javascript (onmousedown/move/up), чтобы создать простую панель для рисования на веб-странице. Работает нормально в Opera, Firefox, Chrome и т. д. (проверено на настольных ПК). Но если я захожу на эту страницу с...
Я пытаюсь сделать свою первую анимацию изображения на холст. Я хочу, чтобы изображение вращалось, но в моем коде что-то не так. Есть идеи? Это все готово в jquery-документе: var canvas = document ....
Чтобы поиграть с холстом HTML5, я решил сделать приложение, которое рисует аналоговый тактовый интерфейс. Все в порядке, за исключением того, что старые строки не стираются так, как я ожидал. Я включил ...
В видеоиграх применяется только цвет, чтобы ускорить процесс загрузки. После того, как текстуры готовы, они заменяют текущие цвета. Есть ли способ сделать это в WebGL? Все обучающие программы, которые я видел, так что ...
У меня есть две веб-страницы, на одной из которых пользователь рисует на холсте и может загрузить его как изображение, на вторых веб-страницах изображение можно загрузить для дальнейшей обработки. есть ли способ удалить это ...
Я делаю графическую систему с помощью HTML canvas, и это в основном сделано, но у меня есть некоторые проблемы с одной частью. Я уже понял, как заставить графические узлы появляться там, где хочет пользователь, но ...
я получаю эту ошибку каждый раз, когда пытаюсь двигать весло в правильном направлении !! Uncaught TypeError: paddle.moveRight не является функцией в HTMLDocument.InputHandler.document.addEventListener.event // index ....
Есть ли способ конвертировать код LaTeX или любой другой математический формат набора текста в изображение, которое можно загрузить с холстом HTML5? Я нашел много способов сделать это вручную: MathJax позволяет встроить ...
Я начал создавать компонент Angular 7 HTML5 Canvas Zoom / Pan, начиная с проекта Нила Миллера. https://github.com/Durwella/zoomable-canvas. После нескольких модификаций я наконец-то подошел ...
Я установил на страницу несколько шрифтов, например: @ font-face {font-family: Amsterdam Graffiti; src: url ("./ fonts / amsterdam.ttf"); } и шрифты хорошо отображаются на веб-странице. ...
После некоторых исследований я увидел только примеры подгонки изображения к холсту. Можно ли сделать это иначе и сделать источник изображения для холста, чтобы при загрузке изображения Canvas был ...
У меня есть картинка с овалами, прямоугольниками, линиями, сплайнами, многоугольниками и т. Д. Я хочу, чтобы все эти фигуры или произвольные объекты были отдельными растровыми изображениями. я попробовал вот что: я сканирую картинку - все ...
Я пытаюсь использовать hammerjs, чтобы перемещать более дешевые пути на моем холсте в мобильном телефоне. Мне нужно определить, где происходит первый контакт с сенсорным пуском, а затем, где они отпускаются. Но похоже, что с кастрюлей ...
Существует ли библиотека Javascript, которая может выполнять логические операции над путями (кривыми Безье )? Я знаю о Paper.js и Raphael.js, но оба сейчас не могут выполнять эти действия.
Я хочу создать функцию arrowTo с CanvasRenderingContext2D.prototype. Для этого мне нужно получить координаты последней точки. например // ... var ctx = someCanvas.getContext ('2d'); ctx ....
Я пытаюсь преобразовать внешний значок SVG в Base64 PNG, используя холст. Он работает во всех браузерах, кроме Firefox, который выдает ошибку «NS_ERROR_NOT_AVAILABLE». var img = новое изображение (); ...
Я пытаюсь нарисовать изогнутые стрелки на холсте HTML. У меня нет проблем с рисованием изогнутой линии, но я не знаю, как поставить знак> в конце линии (направления). ctx.beginPath (); ctx.fillStyle = "...
Я пытаюсь построить модель плана этажа в Canvas. В настоящее время у меня есть изображение сетки на холсте, и у пользователей есть возможность рисовать линии, щелкая и перетаскивая мышь. Но это не ...