Публикации по теме 'canvas'
Как создать ролик Readwise Highlight в Obsidian Canvas
Я много читал , но, как и большинство людей, я часто забываю о выделенных отрывках, если у меня нет веских причин, чтобы просмотреть их снова. Тогда я подумал, что, возможно, стоит изучить, как мне легче вывести этот контент в Obsidian.
Если вы читали мои последние две статьи об Obsidian Canvas, вы уже знаете, как я использую его в качестве панели инструментов, поэтому я решил использовать то, что уже создал, с небольшими дополнениями. Мне нравится называть эти дополнения..
Game of Life — Реализация Angular 13
Играем с холстом в Angular
Game of Life — Реализация Angular 13
Простая реализация на холсте Conways «Game of Life» с использованием Angular на Stackblitz.
вступление
Обычно я пишу об Excel, Power BI и обо всем, что связано с данными здесь, на Meidum.com (если позволяет время). А еще я давно хотел продолжить серию советов по походам в северную Европу. Ну, время… 😃
Но сегодня я хотел бы сделать отступление совсем в другую сторону, потому что некоторые темы настолько..
Как отобразить 10 М данных на веб-странице?
Ну, я имею в виду, что это вообще означает иметь десятки миллионов данных на одной диаграмме?
Чтобы вам было проще понять, возьмем пример монитора Full-HD, разрешение которого 1920х1080. Общее количество пикселей составляет около 2 миллионов.
Таким образом, для диаграммы с десятью миллионами элементов данных это означает, что в среднем в одном пикселе содержится около 5 элементов данных.
Я поделился темой визуализации больших данных на ApacheCon North America 2019, в которой..
Креативное программирование — День 9
Привет. Сегодня я научился работать с текстовыми элементами, используя холст и библиотеку эскизов холста.
Окончательный результат выглядит так:
Как обычно, где вы можете найти это руководство:
Это модуль 6 из курса Creative Coding: Making Visuals with JavaScript от Bruno Imbrizi .
Этот модуль исследует тип эскиза и работу с текстовыми элементами с использованием холста.
Вот несколько выводов из этого блока:
Использование холста fillText() и других методов, связанных..
Захват снимков экрана элементов DOM: на стороне сервера VS. Клиентские подходы
Несколько недель назад Я написал о Чатилизере - новом побочном проекте, над которым я работал в прошлом месяце.
Краткий обзор приложения и его работы: Chatilyzer позволяет получать статистику о ваших чатах WhatsApp . Чтобы приложение заработало, вам необходимо загрузить экспортированный * .txt файл чата WhatsApp. Chatilyzer разбирает и анализирует текст и извлекает из него некоторые интересные данные. Затем вы будете перенаправлены на страницу результатов , где вы увидите красивую..
Вопросы по теме 'canvas'
WPF — размер UserControl на пользовательском холсте
У меня есть собственный холст, на который я могу помещать элементы управления, перемещать их и изменять размер. Мне нужно иметь возможность, по крайней мере, начать с заранее определенного размера, но затем разрешить изменение размера.
Моя...
2520 просмотров
schedule
15.02.2024
Можно ли объединить разностные изображения с помощью ‹ canvas ›
Я работаю над разработкой приложения на основе AJAX, похожего на VNC. Я могу воспроизводить взаимодействие с клавиатурой и мышью из браузера на удаленной машине. Но когда дело доходит до отображения части... Я полагаюсь на обновление страницы,...
765 просмотров
schedule
07.03.2024
У кого-нибудь есть Processing.js, работающий в IE?
Я ищу примеры того, как processing.js работает в Internet Explorer через ExplorerCanvas или аналогичный.
5150 просмотров
schedule
21.03.2024
Получение местоположения мыши на холсте
Есть ли способ поместить указатель местоположения внутри тега <canvas> ? Мне нужно расположение относительно правого верхнего угла <canvas> , а не всей страницы.
76324 просмотров
schedule
02.10.2022
Как узнать высоту текста на холсте HTML?
В спецификации есть функция context.measureText(text), которая сообщит вам, какая ширина потребуется для печати этого текста, но я не могу найти способ узнать, насколько он высок. Я знаю, что это основано на шрифте, но я не знаю, как преобразовать...
121871 просмотров
schedule
13.01.2024
Лучший холст для рисования в wxPython?
Мне нужно нарисовать граф элементов, составляющих топологическую модель физической сети. Там будут узлы и арки, причем последние могут быть однонаправленными или двунаправленными.
Я хотел бы зафиксировать события щелчка для узлов и арок (чтобы...
3745 просмотров
schedule
04.12.2022
Самый эффективный способ рисовать плавную анимацию на картах Google?
Я пытаюсь нарисовать анимацию на картах Google, надеюсь, используя элемент холста html5. Это возможно? Анимация выполняется только по линиям движущихся и вращающихся прямоугольников (имитирующих транзитные потоки/схемы движения), ничего особенного,...
2963 просмотров
schedule
26.09.2022
Вставлять внешние изображения для использования в HTML-холсте?
Я использую JavaScript для загрузки изображения в элемент Canvas в Firefox. Это прекрасно работает для локальных образов, но создает исключение безопасности для внешних изображений. Есть ли способ избежать этого исключения безопасности, которое не...
1240 просмотров
schedule
29.01.2024
Лучше использовать HTML5 и Canvas или CSS3 (фоновое изображение) и jquery для создания слайд-шоу?
Я делаю слайд-шоу, и изображения не будут статичными, они будут динамически подтягиваться через массив, и, наконец, это будет выглядеть так:
Что мне интересно, так это то, что более дружественно к процессору, CSS3 и jQuery делают переходы...
4455 просмотров
schedule
16.04.2024
Рендеринг ближайших соседей в Canvas
У меня есть спрайт, который анимируется с помощью листа спрайтов. Он только 16x16, но я хочу масштабировать его примерно до 64x64 во всем его пиксельном совершенстве!
Результаты ужасны, конечно, браузер сглаживает их. :/
Спасибо!...
3634 просмотров
schedule
17.12.2023
Эффект JQuery Shuffle с использованием Html5 [Canvas +CSS +JS]
Я видел пример JQuery Shuffle и Я пытался реализовать то же самое, используя HTML5 и Canvas + CSS + JS с изображениями.
но найти анимацию/рисунок с использованием Canvas немного сложно.
У меня просто была идея создать столько холстов, сколько...
4643 просмотров
schedule
19.04.2024
Объединение ItemsControl с перетаскиваемыми элементами - Element.parent всегда null
Я привязываю ItemsControl с Canvas как ItemsPanelTemplate к ObservableCollection.
Я хочу сделать элементы перетаскиваемыми с помощью DraggableExtender, как указано в Перетаскивание изображения в WPF (Я не хочу использовать преобразования - мне...
1520 просмотров
schedule
01.01.2024
Эффективность рисования на холсте Android
Мне было интересно, есть ли у холста предельная граница.
Я имею в виду, что если я использую такие функции, как drawline(), drawbitmap(), drawcircle(), , действительно ли Android рисует что-то на холсте и тратит впустую некоторые циклы...
7832 просмотров
schedule
26.02.2024
Как сделать компонент холста полностью непрозрачным во Flex 3?
У меня есть компонент холста, который я создаю и добавляю как дочерний элемент родительского компонента холста. Я установил свойство opaqueBackground для дочернего компонента, что делает его непрозрачным по сравнению с родительским компонентом....
512 просмотров
schedule
28.10.2022
События в элементах на холсте
Я нарисовал изображение внутри тега холста. Как я могу добавить к нему события? Я хочу что-то сделать, когда пользователь нажимает на это изображение.
character.addEventListener('click', function() { alert('foo'); }, true);
/* character is a var...
2346 просмотров
schedule
19.04.2024
Заполнение вогнутых фигур на холсте
Я рисую вогнутую форму на холсте, используя следующий код:
var ctx = canvas.getContext('2d');
ctx.strokeStyle = '#FFFFFF';
ctx.fillStyle = '#000000';
ctx.beginPath();
ctx.arc(0, 0, this.radius, Math.PI*13/8, Math.PI*11/8,...
1018 просмотров
schedule
06.02.2024
Перетаскивание WPF / C # из ListView на холст
У меня есть ListView с настраиваемым представлением для отображения элементов в виде значков. Еще у меня есть обычный старый холст. Я хочу иметь возможность перетащить элемент из ListView на холст.
Теперь я повсюду искал различные уроки по...
1956 просмотров
schedule
09.04.2024
Получение координат последней точки контекста холста
Я хочу создать функцию arrowTo с CanvasRenderingContext2D.prototype . Для этого мне нужно получить координаты последней точки, например.
//...
var ctx = someCanvas.getContext('2d');
ctx.moveTo(10,40);
//the coordinates of the last point are...
7867 просмотров
schedule
27.02.2024
Изображение холста не отображается в Chrome (работает в FF4 и IE9)
Я в тупике. На всю жизнь я понятия не имею, почему это не работает в Chrome. Вы можете увидеть код здесь:
http://jsfiddle.net/corydorning/NgXSH/
Когда я вытаскиваю этот код в FF или IE9, он отлично работает. Вы заметите, что скрипка БУДЕТ...
6434 просмотров
schedule
14.01.2024
Как нарисовать текст Unicode?
Как нарисовать текст Unicode в TCustomControl? Есть ли другие варианты сделать это без Canvas?
3303 просмотров
schedule
10.04.2024
