Tag: canvas

Uncaught SecurityError: Не удалось выполнить 'getImageData' в 'CanvasRenderingContext2D': холст был испорчен данными перекрестного происхождения

Я получаю эту ошибку в браузерах Chrome и Opera: Uncaught SecurityError: Failed to execute 'getImageData' on 'CanvasRenderingContext2D': The canvas has been tainted by cross-origin data. Код отлично работает в Internet Explorer, Mozilla Firefox и Safari. Но мне нужно исправить это в Chrome и Opera. Помогите мне найти решение проблемы? Я получаю эту ошибку на этой […]

Холст, созданный canvg, размывается сетчаткой

Я использую Raphael для рисования объекта, а затем перенося его в элемент canvas для HTML с помощью canvg, чтобы я мог использовать toDataURL, чтобы сохранить его как PNG. Но когда я использую canvg, результирующее изображение размыто. Например, код, приведенный ниже, производит это (raphael сверху, canvg внизу): <html> <head> <script src="lib/raphael-min.js"></script> <script type="text/javascript" src="http://canvg.googlecode.com/svn/trunk/rgbcolor.js"></script> <script type="text/javascript" […]

Изменение размера холста HTML заставляет его содержимое

У меня есть элемент холста HTML, который изменяется при изменении размера экрана. canvas.height = pageHeight(); canvas.width = pageWidth(); Фактическое изменение размера прекрасно работает, но оно заполняет холст. Я хотел бы сохранить содержимое. Есть ли другой способ изменения размера элемента canvas, или есть способ сохранить содержимое, а затем вернуть его на холст?

Каков самый быстрый способ перемещения прямоугольной (пиксельной) области внутри элемента холста HTML5

Я хочу реализовать вертикальную прокрутку содержимого элемента canvas HTML5. Я не хочу снова отображать весь контент. Вместо этого я хотел бы переместить весь контент вниз / вверх и отобразить только область, которая была прокручена в поле зрения. Я экспериментировал с функциями getImageData и putImageData но в моих тестах они почти так же медленны, как и […]

Добавить событие click на элементах встроенного SVG в javascript

Я получил это изображение SVG из Википедии и встроил его в веб-сайт, используя этот код: <embed src="circle1.svg" type="image/svg+xml"/> Если вы запустите это, вы можете проверить элемент и посмотреть исходный код. Все страны на изображении являются отдельными элементами. Если я нажму на страну, я хочу сообщить идентификатор этой страны, так как каждая страна имеет идентификатор двух […]

Запретить прокрутку страницы при перетаскивании в IOS и Android

Я работаю над html5 холстом, но я не знаю, как обрабатывать события касания. Когда пользователь коснется экрана и перетаскивает его, браузер просматривает страницу. Я хотел бы предотвратить это, и начать прикосновение, и коснуться конечной позиции. Является ли это возможным? заранее спасибо

Рисуем на холсте с помощью vue.js

Я не думаю, что это обязательно проблема, связанная с Vue, но у меня проблемы. Я хотел бы написать на холст переменную Vue. Если я удалю vue, мой начальный код работает отлично, однако, если я добавлю Vue, холст фактически не запустится. Вот мой код var canvas = document.getElementById('canvas'); var ctx = canvas.getContext('2d'); ctx.fillStyle = "black"; ctx.font="20px […]

Очистить весь, преобразованный холст HTML5 при сохранении преобразования контекста

Я хочу масштабировать и панорамировать холст HTML5, преобразовывая контекст, используя translate() и scale() , очищая холст, а затем перерисовывая. Обратите внимание, что я явно не вызываю save() и restore() вокруг своих преобразований. Если я выполняю стандартный ctx.clearRect(0,0,ctx.canvas.width,ctx.canvas.height) то весь видимый холст не будет очищен; Уменьшение масштаба или панорамирование может привести к тому, что этот начальный […]

Как отредактировать FabricJS IText и применить новые стили (например, подсветка и т. Д.)

Я хочу отредактировать выделенные символы в тексте в холсте с помощью fabric.js, например изменить цвет, шрифт, стиль и т. Д. Так же, как это http://fabricjs.com/test/misc/itext.html To @ user43250937 эй ухм. Я попробовал, и это работает! : D спасибо. Я попробовал Underline, Bold, Italic, но у меня проблема с изменением цвета текста, я попробовал: // "cinput" […]

Создать отраженное изображение с помощью HTML Canvas?

У меня есть следующий код, который пытается совместить вертикальное зеркальное изображение с прозрачным градиентом цвета фона. При объединении этих двух эффектов это не удается, нужно ли накладывать градиент PNG поверх холста вместо того, чтобы пытаться заставить холст выполнять обе операции? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-type" content="application/xhtml+xml; charset=UTF-8" […]

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