Програмування canvas

23

Як очистити полотно для перемальовування

Після експериментів із композиційними операціями та малюванням зображень на полотні я зараз намагаюся видалити зображення та композицію. Як це зробити? Мені потрібно очистити полотно для перемальовування інших зображень; це може тривати деякий час, тому я не думаю, що малювання нового прямокутника кожного разу буде найбільш ефективним варіантом.

1012 javascript html canvas html5-canvas composite

5

Використовуючи HTML5 / Canvas / JavaScript, щоб зробити знімки екрана в браузері

"Повідомити про помилку" або "Зворотній зв'язок" від Google дозволяє вибрати область вікна веб-переглядача, щоб створити знімок екрана, який надсилається з вашими відгуками про помилку. Скріншот Джейсона Малого, розміщений у двох примірниках . Як вони це роблять? API JavaScript зворотного зв’язку Google завантажується звідси, і їх огляд модуля зворотного зв’язку демонструє …

923 javascript html canvas screenshot

11

Зробіть HTML-полотно як gif / jpg / png / pdf?

Чи можливо захопити чи роздрукувати те, що відображається на HTML-полотні у вигляді зображення чи PDF? Я хотів би генерувати зображення за допомогою полотна та мати змогу генерувати PNG з цього зображення.

719 javascript html canvas export png

18

Змінення розміру зображення на полотні HTML5

Я намагаюся створити мініатюрне зображення на стороні клієнта за допомогою javascript та елемента полотна, але коли я скорочую зображення, це виглядає жахливо. Схоже, він був зменшений у Photoshop із перестановкою, встановленою на "Найближчий сусід" замість Bicubic. Я знаю, що можна зробити так, щоб це виглядало правильно, адже цей сайт може …

314 javascript html canvas image-resizing

22

Як отримати координати клацання миші на елементі полотна?

Який найпростіший спосіб додати обробник подій клацання до елемента полотна, який поверне координати x та y клацання (відносно елемента полотна)? Не потрібна сумісна версія браузера, Safari, Opera і Firefox.

276 javascript canvas

4

Як я можу оживити малюнок тексту на веб-сторінці?

Я хочу мати веб-сторінку з одним центрованим словом. Я хочу, щоб це слово було намальовано анімацією, щоб сторінка "записувала" слово так само, як і ми, тобто воно починається в один момент і малює лінії та криві з часом, так що кінцевим результатом є гліф. Мені все одно, чи це робиться …

229 javascript css canvas html5-canvas css-shapes

2

Чому мої кулі зникають? [зачинено]

Зачинено. Це питання не відтворюється або було викликане помилками друку . Наразі відповіді не приймаються. Хочете вдосконалити це питання? Оновіть питання, щоб воно було тематичним для переповнення стека. Закрито 6 років тому . Удосконаліть це питання Пробачте смішну назву. Я створив невелику графічну демонстрацію з 200 кульок, що підстрибують і …

202 javascript canvas geometry physics collision

8

Як змінити непрозорість (альфа, прозорість) елемента в елементі полотна після його малювання?

Використовуючи <canvas>елемент HTML5 , я хотів би завантажити файл зображення (PNG, JPEG тощо), намалювати його на полотно повністю прозоро, а потім розтушувати. Я зрозумів, як завантажити зображення та намалювати його на полотно, але я не знаю, як змінити його непрозорість, як тільки його намалювали. Ось код у мене поки що: …

196 html canvas transparency opacity alpha

8

Полотно розтягується при використанні CSS, але нормально з властивостями "ширина" / "висота"

У мене є 2 полотна, одне використовує атрибути HTML widthта heightрозмір, інше використовує CSS: <canvas id="compteur1" width="300" height="300" onmousedown="compteurClick(this.id);"></canvas> <canvas id="compteur2" style="width: 300px; height: 300px;" onmousedown="compteurClick(this.id);"></canvas> Compteur1 відображає як слід, але не compteur2. Вміст малюється за допомогою JavaScript на полотні розміром 300x300. Чому є різниця в дисплеї?

195 css html canvas height width

14

Який найкращий спосіб встановити один піксель на полотні HTML5?

Полотно HTML5 не має методу явного встановлення одного пікселя. Можливо, можливо встановити піксель, використовуючи дуже коротку лінію, але тоді антиалінізація та лінієві обмеження можуть заважати. Іншим способом може бути створення невеликого ImageDataоб’єкта та використання: context.putImageData(data, x, y) поставити його на місце. Чи може хтось описати ефективний та надійний спосіб зробити …

184 html canvas pixel

4

Ширина та висота полотна в HTML5

Чи можливо зафіксувати ширину та висоту canvasелемента HTML5 ? Звичайний спосіб такий: <canvas id="canvas" width="300" height="300"></canvas>

181 html canvas

7

html5 - елемент полотна - Кілька шарів

Чи можливо без бібліотеки розширень мати кілька шарів в одному елементі полотна? Тож якщо я виконаю clearRect на верхньому шарі, він не видалить нижній? Дякую.

176 html canvas layer

6

Захоплення підпису за допомогою HTML5 та iPad

Хтось знає, як це можна зробити? Чи використовуєте ви об'єкт полотна, svg, jQuery тощо?

165 ipad html canvas svg

13

Збільшити масштаб точки (використовуючи масштаб та перекласти)

Я хочу мати можливість збільшити масштаб точки під мишею на полотні HTML 5, як-от масштабування на Картах Google . Як я можу цього досягти?

156 javascript html canvas

4

jQuery еквівалент отримання контексту Canvas

У мене є такий робочий код: ctx = document.getElementById("canvas").getContext('2d'); Чи є спосіб переписати його для використання $? Це зробити не вдається: ctx = $("#canvas").getContext('2d');

155 javascript jquery html canvas

Запитання з тегом «canvas»