Описание тега html5-canvas
Canvas - это элемент HTML, который позволяет динамически отображать 2D-формы, 3D-фигуры, растровые изображения и анимацию с возможностью создания сценариев как в 2D, так и в 3D.
2
ответа
Как сделать кликабельные точки в html5 canvas?
Я играю с простым уроком для рисования линий в HTML5 холст. Поскольку он основан на jQuery, к рисунку легко добавить множество эффектов. Как я могу сделать точку кликабельной / перемещаемой, чтобы добавить эффекты jquery при нажатии / наведении курс…
19 май '12 в 14:08
1
ответ
Обновление фонового изображения через Javascript и HTML5 Canvas
Javascript очень далек от того, чтобы быть одной из моих сильных сторон; поэтому извиняюсь, если мой вопрос кажется очень исправительным для многих из вас. Я пытаюсь реализовать Boids через Javascript и HTML5 Canvas. Хотя поведение стека было устано…
27 апр '12 в 12:29
1
ответ
CanvasCaptureMediaStream / MediaRecorder Кадровая синхронизация
При использовании CanvasCaptureMediaStream и MediaRecorder, есть ли способ получить событие для каждого кадра? Что мне нужно, мало чем отличается requestAnimationFrame(), но мне это нужно для CanvasCaptureMediaStream (и / или MediaRecorder), а не ок…
18 ноя '16 в 22:38
1
ответ
Используйте html5 canvas или CSS3 анимацию для демонстрации снимков приложения
Я хочу создать демо-версию анимированного приложения: загрузите sceenshot1 -> нажатие кнопки -> переключиться на sceenshot2 -> набрав 2 строки текста. Я видел сайт с похожей анимацией ( https://www.pixelapse.com/). Является ли HTML5 Canvas или CSS3 …
02 окт '14 в 07:57
1
ответ
Как добавить событие клика или связать объект HTML5 Canvas?
Я искал решение, но не смог его найти. Это ссылка, которую я имею в виду http://swingpants.com/2011/11/02/creative-javascript-3d-tree-with-leaf-fall/ Я хочу добавить событие клика на листьях дерева, намерение связать листья что-то вроде
10 фев '16 в 03:33
0
ответов
Как обрезать белые пиксели, окружающие мою графику на холсте?
У меня есть содержимое холста, и я хотел бы удалить все белые (НЕ прозрачные) пиксели, окружающие мою графику в нем. Однако после многих поисков я нашел только функции, которые могли бы удалять прозрачные пиксели. Но мне нужно найти способ удалить б…
21 окт '18 в 14:43
1
ответ
Поместите HTML-холст в ячейки таблицы
У меня есть стол. Я пытаюсь отобразить в столбце подсчитываемых полей html-холст, который я создал. У меня есть 10 записей, поэтому холст должен отображаться 10 раз внутри таблицы. Это то, что я сделал до сих пор: var c4 = document.getElementById("c…
02 янв '15 в 19:38
1
ответ
Canvas beginPath() не очищает прямоугольник перед каждым кадром
Я хочу анимировать прямоугольник на холсте. Технически это работает, но холст не очищается перед каждым кадром и оставляет след на земле (вроде как улитка). Я провел исследование, и все, кажется, указывает на использование ctx.beginPath() как решени…
23 июн '17 в 19:13
2
ответа
Кодовый текст появляется вместо выполнения
Мне нужна помощь в загрузке моей игры на JavaScript в Chrome. Я хотел закодировать традиционную игру Snake на JavaScript с использованием фреймворка p5.js, и я начал с холста. Проблема возникает, когда я открываю файл JavaScript в Chrome (который я …
13 дек '16 в 13:45
1
ответ
Смещение эквивалентно переводу и повороту
Цель состоит в том, чтобы найти, какие vx и vy должны быть, чтобы два приведенных ниже кода были эквивалентны. //this is the behaviour I want ctx.translate(x,y); ctx.rotate(angle); ctx.fillRect(0,0,10,10); //find vx and vy so both this below is equi…
14 сен '15 в 15:22
0
ответов
Какой алгоритм рисования линий используется в HTML5 Canvas
Если я рисую линию в HTML5 Canvas в браузере Chrome, какой алгоритм рисования линий используется? var c = document.getElementById("myCanvas"); var ctx = c.getContext("2d"); ctx.moveTo(0,0); ctx.lineTo(200,100); ctx.stroke(); У меня очень специфическ…
08 май '14 в 08:29
2
ответа
Где скриншот делается в html2canvas()?
Я пытаюсь загрузить скриншот на сервер через ph p или ajax. Но я не могу понять, где снимок экрана делается в html2canvas()? Я искал об этом, но не нашел решения. Пожалуйста, просмотрите мой код и направьте меня. Код JS $(function () { $("#btnSave")…
16 окт '15 в 06:39
2
ответа
fabric.js добавить пользовательское свойство в IText
Я хочу добавить пользовательское свойство в fabricjs.IText, я использовал тот же скрипт, который использовал со своим классом fabricjs.Text: fabric.CustomIText = fabric.util.createClass(fabric.IText, { type : 'custom-itext', initialize : function(el…
20 июл '14 в 14:20
2
ответа
Таймер обратного отсчета не работает
Таймер обратного отсчета, который я создал, не работает. Интересно, что если я использую console.log для печати значения count, которое начинается с 3, печатается что-то наподобие -3498, даже если я включаю только около 15 секунд, так что должно быт…
26 май '13 в 19:37
1
ответ
Рисование полов с помощью Canvas HTML5
Я разрабатывал приложение для производителя Tiles и для этого использовал HTML5 Canvas. При выборе плитки Стена и пол должны быть отделаны выбранной плиткой. Для прямоугольника стены это было довольно прямо вперед, и мне это удалось, но при использо…
26 авг '18 в 11:51
3
ответа
Нарисуйте изображение в форме, используя Fabricjs
В настоящее время я работаю над обработкой изображений в canvas и Javascript. Я использую fabric.js для этого. Я просто хочу, чтобы пользователь загрузил изображение и слил его с предоставленным нами шаблоном. то есть., Я хочу показать загруженное и…
03 дек '11 в 11:24
1
ответ
Как создать панель Miniview для Fabric Canvas?
Как создать мини-панель просмотра на моей панели Fabric Canvas MiniView. Как показано на рисунке, я хочу панель в углу моего холста, где мы можем увидеть весь макет. https://jsplumbtoolkit.com/ же, как эта панель на упомянутой веб-странице.
07 авг '18 в 09:28
1
ответ
ПОДУШКА модуля ПОДУШКИ портит изображение HTML холста из
В рамках эксперимента я пытаюсь обработать изображения, отредактированные в. Я стираю части изображения, как кисть, рисуя его ctx.globalCompositeOperation = "destination-out"; Я конвертирую этот холст в изображение с помощью ctx.toDataURL() и сохран…
07 сен '14 в 17:14
2
ответа
Перевод элемента с холста
Я пытаюсь выучить холст, используя круговую диаграмму. Мне удалось проанализировать мои данные, нарисовать срезы и вычислить центр каждой дуги, как отмечено черными кругами. Но сейчас я пытаюсь нарисовать один из кусочков, как если бы он был "выдвин…
11 янв '12 в 18:50
0
ответов
Как исправить размер холста в дочернем компоненте в Vue.js?
Я пытаюсь создать сравниваемые изображения (img и canvas) в дочернем компоненте. Сбой, когда я передаю созданный img в качестве реквизита от основного компонента дочернему, я беру ширину и высоту из своего графического реквизита, а затем применяю ег…
07 июл '18 в 20:52