Описание тега canvas

Холст - это общий термин для поверхности рисования, используемой во многих API вывода графики произвольной формы. Используйте этот тег с другими тегами, которые указывают конкретный графический API, который используется вместе с языком программирования и целевой средой: [android], [uwp], [wpf], [tkinter], [java], [html5], [chart.js] и т. д. Также включите специальный тег холста, например [android-canvas], [html5-canvas], [tkinter-canvas], если необходимо.
1 ответ

Как удалить всплывающую подсказку и набор данных в CanvasJS?

Я использую CanvasJS. Всякий раз, когда диаграмма содержит несколько dataSeries, рекомендуется представлять каждый dataSeries в легенде (в jsfiddel ANS1,ANS2 - это имя легенды) и указывать на dataPoint или dataSeries, появляется всплывающая подсказк…
19 сен '17 в 18:49
1 ответ

Неверный window.innerWidth и window.innerHeight

Я столкнулся со странной ошибкой, которую мне трудно описать... Я работаю над приложением HTML5 Canvas, когда оно начинает странно себя вести, когда его подают из моего localhost сервер. Я обнаружил, что window.innerWidth а также window.innerHeight …
17 мар '14 в 13:40
1 ответ

Как сделать фотографию типичного формата, например, PNG, JPG и т. Д., HTML-элемент canvas для стилей и сценариев на уровне пикселей?

У меня есть фотография, скажем, flower.png, и на этой фотографии шестой пиксель вниз в третьем столбце - #23997E, и я хочу условно изменить цвет этого пикселя, скажем, #E54864. Как это сделано? Мне сказали, что холст HTML - это то, как можно манипул…
01 дек '14 в 17:50
2 ответа

Canvas fillText не рендеринг

Пожалуйста, смотрите мой jsfiddle об этой проблеме https://jsfiddle.net/gL4m2z6v/ Это калькулятор дробей на холсте, который должен показывать наибольший общий коэффициент между двумя дробями. Вам нужно будет развернуть окно просмотра в скрипке и сно…
28 авг '16 в 04:46
0 ответов

Горизонтальная полоса прокрутки на холсте в tkinter

Я пытаюсь добавить горизонтальную полосу прокрутки на холсте в tkinter. Вот что я сделал (вырвал из этого учебника - http://www.tutorialspoint.com/python/tk_scrollbar.htm): from Tkinter import * root = Tk() scrollbar = Scrollbar(root) scrollbar.pack…
25 окт '14 в 20:15
2 ответа

Как сделать кликабельные точки в html5 canvas?

Я играю с простым уроком для рисования линий в HTML5 холст. Поскольку он основан на jQuery, к рисунку легко добавить множество эффектов. Как я могу сделать точку кликабельной / перемещаемой, чтобы добавить эффекты jquery при нажатии / наведении курс…
19 май '12 в 14:08
3 ответа

html5 canvas - сохранение путей или областей обрезки для повторного использования

В настоящее время я реализую эффект двумерной деформируемой местности в игре, над которой я работаю, и она идет хорошо, но я могу представить, что она очень быстро превратится в скачок производительности, когда я начну добавлять больше слоев к эффек…
19 сен '11 в 21:13
2 ответа

Функция обновления в html5 игре не работает должным образом

Jsfiddle: http://jsfiddle.net/seekpunk/6eeKH/15/ код: if (this.collection.length > 0) { if (((this.collection[0].blockX + this.collection[0].blockW) >= cw) || (this.collection[0].blockX <= 0)) { this.collection[0].blockSpeed *= -1; } this.c…
03 фев '14 в 10:38
1 ответ

Как убедиться, что холст содержится в окне просмотра

У меня есть холст, который является единственной вещью на странице, которую я действительно хочу увидеть. Я пытаюсь сделать так, чтобы при изменении размера моего окна у меня всегда был виден весь холст без полос прокрутки и поддерживалось соотношен…
04 окт '18 в 16:23
1 ответ

Обновление фонового изображения через Javascript и HTML5 Canvas

Javascript очень далек от того, чтобы быть одной из моих сильных сторон; поэтому извиняюсь, если мой вопрос кажется очень исправительным для многих из вас. Я пытаюсь реализовать Boids через Javascript и HTML5 Canvas. Хотя поведение стека было устано…
2 ответа

Алгоритм генерации звездного поля

Я только что узнал о логотипе вчера. Родившись в девяностых, я никогда не сталкивался с этим раньше. Поэтому я начал использовать интерактивный переводчик логотипов, написанный Джошуа Беллом, и решил написать circle функция, чтобы сделать концентрич…
06 май '13 в 15:56
1 ответ

Рендеринг SVG с внешними ссылками на Canvas

Я пытаюсь отрисовать SVG на холст, используя data: URI а также canvas.drawImage(), Это хорошо работает, за исключением того, что внешние изображения в SVG не включены в результирующий холст. Пример HTML ( пример live jsFiddle): <canvas id="canvas…
22 май '15 в 14:30
1 ответ

CanvasCaptureMediaStream / MediaRecorder Кадровая синхронизация

При использовании CanvasCaptureMediaStream и MediaRecorder, есть ли способ получить событие для каждого кадра? Что мне нужно, мало чем отличается requestAnimationFrame(), но мне это нужно для CanvasCaptureMediaStream (и / или MediaRecorder), а не ок…
1 ответ

Выбираемое свойство строки Fabric.js не сохраняется в JSON холста

У меня есть холст, где я рисую линии сетки, используя метод рисования линий fabric.js. Я определяю свойство выделения этих линий как ложное во время рисования, которое работает нормально, как и ожидалось. Теперь, когда я упорядочил холст и получил в…
20 авг '14 в 11:47
1 ответ

Холст синусоидальный текстовый скроллер

Я пытаюсь создать синусоидальную анимацию прокрутки текста на холсте HTML5, но не могу понять, как анимировать каждую букву по-разному. Я знаю, что могу использовать .split('') чтобы получить массив, который содержит все символы в строке. Я пытался …
11 сен '15 в 18:26
1 ответ

Как мне активировать стиль CSS только тогда, когда эта область * элемента div находится под другим элементом div? Возможный?

Итак, допустим, у меня есть div1 & div2 в php. Допустим, div1 составляет 10 на 10 пикселей. допустим, div2 равен 123px на 123px. (может содержать изображение или видео) Когда div2 идет прямо под div 1 (при прокрутке вниз). тогда область, которая div…
27 май '15 в 11:42
1 ответ

Холст в PDF ошибка

У меня есть приложение, где требование, как мне нужно сохранить холст в PDF-документ во всплывающем окне. Для этого я использовал сторонний инструмент для преобразования данных изображения в PDF. Теперь, как я делаю это: Сначала я создал веб-метод, …
25 окт '13 в 12:49
0 ответов

Холст масштабируемый, когда родительский рост 100%

Я использую частицы для создания анимации холста. Проблема в том, что мне нужно убедиться, что #home Высота сечения составляет 100% от окна, но когда я это делаю, холст не появляется, как ожидалось. Хотя использование следующего правила CSS техничес…
23 апр '17 в 04:31
1 ответ

Размещение холста под перекрывающимися холстами

У меня есть два полотна, которые намеренно перекрывают друг друга, чтобы нарисовать шар, падающий поверх другого холста. Я хочу разместить третий холст под этими двумя перекрывающимися на странице без какого-либо перекрытия. Когда элемент div, котор…
01 июн '13 в 18:58
1 ответ

Правильный способ проверить наличие ошибок загрузки изображений и видео в Javascript?

Типичный пример загрузки изображения в JS для рисования на холсте HTML5: var canvas = $("#mycanvas")[0]; var context = canvas.getContext("2d"); var img = new Image(); img.src = 'URL HERE'; img.onload = function() { context.drawImage(img, 0, 0); }; Н…
22 окт '14 в 17:06