canvas- все статьи тега ➜ страница 2
Увеличение точки (с помощью масштабирования и перевода)
Я хочу иметь возможность увеличивать масштаб точки под мышью на холсте HTML 5, например, масштабирование Google Maps. Как я могу этого достичь? ...
Отключить интерполяцию при масштабировании
Примечание: это как существующие элементы холста отображаются при масштабировании,не чтобы сделать с тем, как линии или графика отображаются на поверхность холста. Другими словами, это имеет все отношение к интерполяция на масштабирование элементов и ничего общего с антиалиасинг графики рисуются на холсте. Меня не волнует, как браузер рисует lines; я забочусь о том, как браузер отображает элемент canvas когда он увеличивается. есть ли свойство холста или настройки браузера, которые я могу изм ...
Как добавить простой обработчик событий onClick в элемент canvas?
Я опытный программист Java, но я смотрю на некоторые вещи JavaScript/HTML5 впервые примерно за десятилетие. Я полностью озадачен тем, что должно быть самой простой вещью. в качестве примера я просто хотел что-то нарисовать и добавить обработчик событий к нему. Я уверен, что делаю что-то глупое, но я искал повсюду, и ничего не предлагалось (например, ответ на этот вопрос: добавить свойство onclick для ввода с помощью JavaScript) работает. Я использую Firefox 10.0.1. Мой код следующий. Вы ув ...
Изменить цвет текста на основе яркости покрытой фоновой области?
Я уже некоторое время думал о следующем, поэтому теперь я хочу знать Ваше мнение, возможные решения и так далее. Я ищу плагин или метод, который изменяет цвет текста или переключается между предопределенными изображениями/значками в зависимости от средней яркости покрытых пикселей его родительского фонового изображения или цвета. Если покрытая область его фона довольно темная, сделайте текст белым или переключите значки. кроме того, было бы здорово, если бы скрипт заметил, что у родителя нет ...
Как добавить изображение на холст
Я немного экспериментирую с новым элементом canvas в HTML. Я просто хочу добавить изображение на холст, но это не работает по какой-то причине. у меня есть следующий код: HTML <canvas id="viewport"></canvas> CSS canvas#viewport { border: 1px solid white; width: 900px; } JS var canvas = document.getElementById('viewport'), context = canvas.getContext('2d'); make_base(); function make_base() { base_image = new Image(); base_image.src = 'img/base.png'; context.drawIm ...
В чем разница между SVG и HTML5 Canvas?
в чем разница между SVG и HTML5 Canvas? Они оба, кажется, делают то же самое со мной. В основном, они оба рисуют векторные изображения, используя координатные точки. чего мне не хватает? Каковы основные различия между SVG и HTML5 Canvas? Почему я должен выбирать одно над другим? ...
Нарисуйте на холсте HTML5 с помощью мыши
Я хочу рисовать на HTML-холсте с помощью мыши(например: нарисовать подпись, нарисовать имя,...) пожалуйста, помогите мне, как я могу сделать? Пожалуйста, дайте исходный код. Спасибо ...
Рисование изображения из URL-адреса, данных на холст
Как я могу открыть изображение на холсте ? который закодирован Я использую var strDataURI = oCanvas.toDataURL(); на выходе получается закодированное базовое 64 изображение. Как я могу нарисовать это изображение на холсте? Я хочу использовать strDataURI и создать образ ? Это возможно ? Если это не так, то каким может быть решение для загрузки изображения на холст ? ...
Могу ли я отключить сглаживание на HTML-элементе?
Я играю с <canvas> элемент, рисование линий и тому подобное. Я заметил, что мои диагональные линии сглажены. Я бы предпочел jaggy look для того, что я делаю - есть ли способ отключить эту функцию? ...
Html5 canvas drawImage: как применить сглаживание
пожалуйста, посмотрите на следующий пример: http://jsfiddle.net/MLGr4/47/ var canvas=document.getElementById("canvas"); var ctx=canvas.getContext("2d"); img=new Image(); img.onload=function(){ canvas.width=400; canvas.height=150; ctx.drawImage(img,0,0,img.width,img.height,0,0,400,150); } img.src="http://openwalls.com/image/1734/colored_lines_on_blue_background_1920x1200.jpg"; Как вы видите, изображение не сглажено, хотя говорится, что drawImag ...
Как нарисовать овал на холсте html5?
Кажется, что нет собственной функции для рисования овальной формы. Также я не ищу форму яйца. можно ли нарисовать овал с 2 кривыми Безье? Кто-то с этим справился? моя цель-нарисовать некоторые глаза и на самом деле я просто использую дуги. Спасибо заранее. решение so scale () изменяет масштабирование для всех следующих фигур. Save () сохраняет настройки до и восстановление используется для восстановите настройки для рисования новых фигур без масштабирования. спасибо Яни ctx.save(); ctx.sca ...
Как получить ширину и высоту холста HTML5?
Как я могу получить ширину и высоту элемента canvas в JavaScript? кроме того, каков "контекст" холста, о котором я продолжаю читать? ...
Как рисовать полигоны на холсте HTML5?
Мне нужно знать, как рисовать полигоны на холсте. Без использования jQuery или чего-то подобного. ...
Получить расстояние между двумя точками на холсте
У меня есть вкладка рисования холста и я хочу, чтобы ширина линии была основана на расстоянии между двумя последними обновлениями координат mousemove. Я сам сделаю перевод расстояния на ширину, мне просто нужно знать, как получить расстояние между этими точками (у меня уже есть координаты этих точек). ...
Пакет cairo не был найден в пути поиска pkg-config. Узлу J.с установить проблема холст
У меня возникли проблемы с установкой установка модуля canvas в node..It кажется, что-то с Каиром я получаю эту ошибку... npm http GET https://registry.npmjs.org/canvas npm http 304 https://registry.npmjs.org/canvas npm http GET https://registry.npmjs.org/nan npm http 304 https://registry.npmjs.org/nan > [email protected] install /Users/plimb/Desktop/motion-therapy/node_modules/canvas > node-gyp rebuild Package cairo was not found in the pkg-config search path. Perhaps you should add the dir ...
Отключить прокрутку клавиш со стрелками в браузере пользователей
Я делаю игру, используя холст и javascript. когда страница длиннее экрана (комментарии и т. д.) клавишей стрелка вниз прокручивает страницу вниз, и делает игру невозможно играть. Что я могу сделать, чтобы предотвратить прокрутку окна, когда игрок просто хочет двигаться вниз? Я думаю, что с Java-играми, и такими, это не проблема, пока пользователь нажимает на игру. Я попробовал решение от: как отключить прокрутку страницы в FF с помощью клавиш со стрелками, но я не мог заставить его работать ...
Как я могу использовать пользовательские шрифты в Canvas в языке HTML5?
Я смотрел на такие вещи, как Cufon и шрифт.js, но они, похоже, являются альтернативами SIFR и не позволяют вам устанавливать координаты свободной формы и рисовать пользовательский тип на A <canvas> У кого-нибудь есть идеи? ...
холст.toDataURL () SecurityError
Так что я использую google maps и я получаю изображение, так что это выглядит так <img id="staticMap" src="http://maps.googleapis.com/maps/api/staticmap?center=Brooklyn+Bridge,New+York,NY&zoom=13&size=600x300&maptype=roadmap &markers=color:blue%7Clabel:S%7C40.702147,-74.015794&markers=color:green%7Clabel:G%7C40.711614,-74.012318 &markers=color:red%7Ccolor:red%7Clabel:C%7C40.718217,-73.998284&sensor=false"> мне нужно сохранить его. Я нашел это: functi ...
Данные в base64 PNG в Canvas в HTML5
Я хочу загрузить изображение PNG, закодированное в Base64, в элемент canvas. У меня есть такой код: <html> <head> </head> <body> <canvas id="c"></canvas> <script type="text/javascript"> var canvas = document.getElementById("c"); var ctx = canvas.getContext("2d"); data = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAIAAAACDbGyAAAAAXNSR0IArs4c6QAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9oMCRUiMrIBQVkAAAAZdEVYdENvbW1lbnQAQ3JlYXRlZCB3aXRoIEdJTVBX ...
Соотношение Canvas в HTML5 метода drawImage уязвимость iOS
Я хочу изменить размер изображения, взятого с камеры iOS на стороне клиента с помощью HTML5 Canvas, но я продолжаю работать в этой странной ошибке, где изображение имеет неправильное соотношение, если оно больше ~1,5 Мб Он работает на рабочем столе, но не в последней версии iOS с API загрузки мультимедиа. вы можете увидеть пример здесь: http://jsbin.com/ekuros/1 есть идеи, как это исправить, пожалуйста? Это проблема с памятью? $('#file').on('change', function (e) { var file = e.currentTa ...