Публикации по теме 'canvas'
Запретить загрузку изображений на веб-сайты
В этой статье мы увидим, как определить загрузку изображения и как предотвратить загрузку изображения.
Всякий раз, когда контент загружен в Интернет, его могут просматривать все. Все могут копировать содержимое и использовать его. Это может быть полезно в некоторых случаях. Но обратите внимание на изображение профиля в социальной сети, нет необходимости загружать изображения. Но теперь его можно легко скачать. Давайте посмотрим, как изображения отображаются на данный момент и что..
Веселье с холстом HTML5
Веселье с холстом HTML5
https://github.com/nfcortega89/funwithhtml5canvas.git
Сегодня мы создадим холст, используя HTML и простой ванильный Javascript. Нам дан элемент холста с идентификатором draw . Мы начнем с захвата этого со страницы с помощью querySelector . Как только у нас будет то, что мы на самом деле не рисуем на самом холсте, мы будем рисовать в контексте, поэтому мы захватим его, используя getContext в нашей переменной холста. Есть 2D и 3D, но для этого..
Модульное тестирование компонента холста намного проще
Когда вы пишете модульный тест для компонента Canvas, вы всегда обнаруживаете, что издеваетесь над собственным DOM и его функциями, чтобы заставить его работать с контекстом Node.js. И интересно, есть ли более простой способ, оказывается есть.
Недавно я начал исследовать, как проводить модульное тестирование компонента Canvas, потому что мне нужно протестировать игровой проект pixi.js.
Обычно есть некоторый аргумент, что вы не проводите модульное тестирование чего-либо,..
Ваш путеводитель по: удобству при написании кода на холсте
ВАШЕ РУКОВОДСТВО ПО
Удобства при написании кода на холсте
В том числе несколько вы не найдете больше нигде!
Приветствуем читателей из ◎ Ваш путеводитель по творческому программированию на холсте
Удобства — Зеваете? Что ж… когда вы путешествуете с кодом, именно эти вещи заставляют вас опустить окно и включить свою любимую мелодию!
Мы будем использовать ZIM JavasScript Canvas Framework. Чтобы узнать о других параметрах холста, см. ◎ Ваше руководство по выбору библиотеки или..
Как я разработал свою первую веб-игру
Привет друзья ! Я только что создал свою первую игру и хочу помочь вам создать одну из ваших. Вы можете сыграть в нее на www.nishijain.com/snakeNLadder . Все наши действия являются результатом наших мыслей, а мысли — это все, что имеет значение. Вы работаете над своими мыслями о разработке игр и уже сделали свой первый шаг. Я постараюсь помочь вам в вашем путешествии по разработке игры и сделать его проще и веселее для вас.
Погрузитесь в эти американские горки шаг за шагом, и..
Вопросы по теме 'canvas'
Как выровнять текст внутри текстового элемента GnomeCanvas
Я хотел бы иметь текстовый элемент GnomeCanvas и в соответствии с его содержимым (и языком содержимого) решить, следует ли выравнивать текст по правому или левому краю. Я нашел один способ сделать это, изменив свойство anchor , но использование...
137 просмотров
schedule
18.12.2022
Как сослаться на Canvas в другом файле XAML?
У меня проблема с выяснением того, как ссылаться на Canvas в другом файле XAML в моем проекте.
Например, есть объект Canvas, содержащий некоторые метки, изображения, называемые MyLayout и хранящиеся в MyLayout.xaml.
Я хочу использовать этот...
2251 просмотров
schedule
25.07.2022
Как лучше всего рисовать текст на элементе холста HTML?
Элемент canvas, к сожалению, плохо обрабатывает текст. Существует множество подходов (см., например, http://canvaspaint.org/blog/2006/12/rendering-text/ ), но в основном они выглядят как хаки. Что я могу сделать, что является кроссплатформенным и...
8080 просмотров
schedule
19.11.2022
Flex resizing Canvas, куда девать такой код? (схема внутри)
У меня есть два холста A и B, A - дочерний элемент B. A может быть изменен некоторыми действиями пользователя, такими как добавление некоторых компонентов пользовательского интерфейса в его основу. A ограничен другим родительским холстом B, который...
2492 просмотров
schedule
04.07.2023
Как перетащить UserControl внутрь Canvas
У меня есть Canvas, в котором пользователь может добавлять подклассы UserControl, содержащие форму. Пользователь должен иметь возможность перетаскивать эти UserControl по холсту.
Как лучше всего это сделать с WPF?
27060 просмотров
schedule
19.12.2022
Разница между определением координат x, y спрайта и рисованием объекта в каком-либо месте
У меня есть задача:
Мне нужно разместить около 100 спрайтов на одном холсте (с подготовленной сеткой). Мне нужно разместить их как невидимые (круги) камни на доске и сделать видимыми только при наведении курсора.
Проблема, с которой я...
1662 просмотров
schedule
22.07.2022
JavaScript Canvas putImageData не записывает измененные данные
Я пытаюсь обесцветить изображение. В настоящее время я загружаю его, анализируя данные изображения, но не могу заставить его записать обратно на холст.
Я следовал всем указаниям, чтобы сделать
context.putImageData(imagedata,0,0);
Я делаю...
1891 просмотров
schedule
29.04.2024
Как сделать переворот страницы изображения JavaScript HTML 5 Canvas, как вы обычно видите во Flash?
Кто-нибудь пробовал воссоздать эффект перелистывания страницы с изображениями, которые вы обычно видите в Adobe Flash, с помощью JavaScript и тега холста HTML 5?
Существуют ли какие-либо фреймворки или подключаемые модули JQuery, которые...
79987 просмотров
schedule
02.05.2024
Программно использовать значения RGBa в fillStyle на «холсте»?
Используя <canvas> , я хочу установить значение RGBa прямоугольника с помощью переменной.
Например:
ctx.fillStyle = "rgba(32, 45, 21, 0.3)";
работает нормально, но используя его с переменной:
var r_a = 0.3;
ctx.fillStyle =...
79333 просмотров
schedule
10.09.2022
Создание приложения facebook
Привет, я создал настольное приложение. Мне было интересно, что я должен указать для URL-адреса обратного вызова Canvas. Я попытался определить его как локальный ( http://localhost:8084 ), но он его не принимает.
Мне это нужно, чтобы получить...
155 просмотров
schedule
02.06.2024
WPF масштабирование холста и сохранение позиции прокрутки
У меня есть элемент Canvas, содержащийся в ScrollViewer, который я масштабирую с помощью ScaleTransform. Однако я хочу, чтобы положение прокрутки средства просмотра оставалось сфокусированным на той же части холста после завершения операции...
7612 просмотров
schedule
01.03.2022
Динамически пикселизируйте элемент изображения html
Я должен взять изображение на веб-странице, а затем использовать javascript (или что-то еще, что лучше всего подходит), чтобы динамически его «пикселизировать» (например, в квадраты размером 20 пикселей). Затем, когда пользователь прокручивает...
5667 просмотров
schedule
18.03.2022
WPF: события мыши холста не запускаются в пустом пространстве
Я установил события мыши на Canvas следующим образом:
<Canvas MouseUp="CanvasUp" MouseDown="CanvasDown" MouseMove="CanvasMove">
...
</Canvas>
Но они активны только для дочерних элементов, таких как Image и Rectangle , а не...
14116 просмотров
schedule
04.02.2022
Добавление UIComponent как в холст, так и в дерево во Flex 3
В настоящее время я пытаюсь добавить настраиваемый класс, подклассы UIComponent как к дереву, так и к холсту, но когда я пытаюсь переупорядочить дерево, перетаскивая его, я получаю эту ошибку:
TypeError: Ошибка № 1010: термин не определен и не...
710 просмотров
schedule
04.06.2023
Нарисуйте позицию из 2d-массива в нужном месте холста.
Предыстория:
У меня есть два 2d массива. Каждый индекс в каждом массиве 2d представляет плитку, которая нарисована на квадратном холсте, подходящем для плиток 8 x 8.
Первый массив 2d представляет плитки земли, зацикливается и рисуется на...
1651 просмотров
schedule
08.01.2023
Отрисовка текста на холсте с помощью WebGL
Я хочу отобразить текст на холсте с помощью WebGL, какой API WebGL следует использовать?
Примечание. «Текст» может быть либо обычным текстом, либо фрагментом HTML со стилем CSS.
8009 просмотров
schedule
04.04.2024
Как добавить слои в View?
Я собираюсь разработать программу для Android с отображением фотографий на экране. И есть текст и рисунок (круг/прямоугольник) поверх фото. Текст и рисунок будут меняться при касании экрана. Как я могу реализовать? Поверхностный вид?...
6345 просмотров
schedule
15.09.2023
Как преобразовать файлы SVG в холст HTML5?
Есть ли способ преобразовать файлы SVG в команды, совместимые с холстом HTML5?
42119 просмотров
schedule
01.04.2023
Рафаэль использует холст или svg?
Я искал хорошее векторное решение и слышал хорошие отзывы о Рафаэле. Но во всех своих документах он говорит об определении холстов, что меня просто смутило.
Является ли Raphael холстом или библиотекой SVG?
1191 просмотров
schedule
20.08.2023
Рисование нескольких изображений на холсте с помощью image.onload
У меня возникают проблемы при попытке нарисовать большой массив 2D-изображений на холсте. Используя отдельную программу, я беру один большой файл изображения и разбиваю его на более мелкие однородные части. Я использую 2D-массив для представления...
7715 просмотров
schedule
29.04.2022
