Публикации по теме 'canvas'
Прощай, HTML. Привет Канвас!
Часть 3: Общая стратегия и базовая архитектура
Предыдущую статью из этой серии вы можете прочитать здесь .
Библиотека
Я должен поблагодарить всех читателей, которые ответили, критикуя тему этой серии статей, потому что их сообщения помогли мне улучшить статьи. В частности, они заставили меня понять, что мне не хватает чего-то ОГРОМНОГО важного: библиотеки.
Без библиотеки лучшим результатом этой серии статей был бы следующий: « Однажды я прочитал интересную идею о создании..
Вопросы по теме 'canvas'
Перевернуть ‹холст› (повернуть на 180 градусов) после публикации на странице
Я пытаюсь повернуть элемент холста ПОСЛЕ того, как он был добавлен в DOM. Canvas имеет размер 600x50, и это код под рукой:
var canvas = document.getElementsByTagName('canvas')[2];
var ctx = canvas.getContext('2d');
ctx.translate(300, 25); //...
2172 просмотров
schedule
03.12.2023
Камера на холсте HTML 5
постер первый раз здесь,
Я искал решение этой проблемы в течение нескольких дней безрезультатно, если это было задано, я прошу вас связать меня, поскольку я не мог его найти. В любом случае, вот:
Я работаю над приложением холста на основе...
1002 просмотров
schedule
02.01.2024
Моя анимация WebGL работает медленно, несмотря на requestAnimationFrame()
Я пытаюсь создать анимацию webgl для фона своего веб-сайта, вдохновленный «примером Threejs — Cloud» ( http://mrdoob.com/lab/javascript/webgl/clouds/ ). На моем компе вроде неплохо... Но на некоторых компах очень медленно.
Есть ли способ...
1996 просмотров
schedule
26.12.2023
удалить обновленный текст с помощью библиотеки canvas fabricjs
Добавление текстового элемента
function add_text() {
var myText = new fabric.Text(text,
{
fontSize: size,
fontFamily: fm,
strokeStyle: sc,
fill: fc,
left: myCanvas.getWidth()/2,
top:...
1036 просмотров
schedule
06.11.2023
отношение кривой Безье и эллипса?
Я хочу нарисовать овал на холсте html5 и нашел для него хороший метод в stackoverflow . но у меня есть еще один вопрос.
function drawEllipse(ctx, x, y, w, h) {
var kappa = 0.5522848;
ox = (w / 2) * kappa, // control point offset...
8106 просмотров
schedule
13.11.2023
Как найти новые координаты прямоугольника после поворота
Координата Y прямоугольника после вращения на холсте. Как показано на рисунке, прямоугольник будет повернут вокруг своей центральной оси. После восстановления вращения и холста я хочу найти новые координаты X, Y, как показано на втором изображении,...
4163 просмотров
schedule
30.12.2023
Нарисовать пунктирную линию на холсте
Как я могу нарисовать пунктирную линию на холсте. Я уже пробовал это:
Paint dashPaint = new Paint();
dashPaint.setARGB(255, 0, 0, 0);
dashPaint.setStyle(Paint.Style.STROKE);
dashPaint.setPathEffect(new DashPathEffect(new float[]{5, 10, 15, 20},...
28462 просмотров
schedule
03.11.2023
Анимация круга заливки с помощью холста
В основном я хочу иметь возможность заполнить круг с помощью холста, но он анимируется до определенного процента. То есть круг заполняется только на 80% пути.
Мое знание холста не удивительно. Вот изображение, которое я сделал в фотошопе, чтобы...
8515 просмотров
schedule
07.01.2024
Перемещение холста HTML5 с фоновым изображением
Я хочу визуализировать огромную диаграмму, нарисованную на холсте HTML5. Как изображено ниже, давайте представим себе карту мира, визуализировать ее всю одновременно с «приличной» детализацией невозможно. Поэтому на моем холсте я хотел бы иметь...
6476 просмотров
schedule
28.12.2023
Рендеринг вывода MathJax на ‹canvas›
Я искал эту тему, но не смог найти прямого ответа, и я также плохо разбираюсь в javascript. Так что я надеюсь, что кто-нибудь покажет мне, как это сделать.
Мне просто нравится отображать математику внутри canvas2D. Я использую context.fillText...
2524 просмотров
schedule
15.01.2024
Сглаживание при рисовании линий в Canvas в Firefox
Я пытаюсь нарисовать диаграмму на холсте и хочу получить четкие линии, а не сглаживание. Я знаю о смещении 0,5, которое вам нужно использовать, чтобы линии попадали точно в пиксели экрана, но даже при этом я получаю сглаженные строки в Firefox, в то...
391 просмотров
schedule
17.12.2023
Paperscope и paperjs
Итак, я пытаюсь создать проект с двумя элементами холста, каждый со своим собственным бумажным сценарием, и с кнопками снаружи каждого, которые управляют определенными функциями внутри обоих.
В документации под Paperscript сказано:
Обратите...
1641 просмотров
schedule
27.12.2023
Могу ли я хранить или кэшировать изображения локально в React Native?
У меня есть новостное приложение, и я хочу хранить изображения локально при первом их получении.
AsyncStorage React Native принимает строковые данные типа «ключ-значение». Могу ли я использовать его?
В браузере я использовал canvas для...
2673 просмотров
schedule
01.11.2023
Zoom_In и Zoom_Out Изображения на холсте с помощью мыши в приложении UWP
Я использую следующий код для перетаскивания изображений на холсте, и с помощью масштабирования я могу масштабировать изображения на вкладках с помощью касания. но я хочу сделать то же самое на рабочем столе с помощью мыши. Является ли это...
407 просмотров
schedule
08.12.2023
Как я могу получить изображение с высоким разрешением с меньшего холста?
Я использую один холст в своем веб-приложении, и его фактическая высота и ширина составляют 500 пикселей. Я показываю этот холст на экране как квадрат 500 пикселей, но я хочу, чтобы изображение экспортировалось с этого холста как квадрат 1600...
1912 просмотров
schedule
22.11.2023
показать несколько адаптивных диаграмм на одной странице с помощью chart.js
Мне нужно показать четыре диаграммы на одной странице, чтобы они реагировали на изменение размера при изменении размера страницы. я использую
<script src="js/Chart.bundle.js"> </script>
<div id="container" style="width:...
1272 просмотров
schedule
30.10.2023
Работа с большими изображениями на холсте HTML5
У меня есть векторное изображение размером 15000x15000 пикселей, которое я хочу использовать в качестве фона для проекта холста. Мне нужно иметь возможность вырезать кусок изображения и рисовать его в качестве фона быстро и часто (в пределах...
2609 просмотров
schedule
10.01.2024
Angular 2/4/5/6 — несколько диаграмм для chart.js на одном холсте
ОБНОВЛЕНИЕ
Вместо этого я использовал диаграммы Primeng в качестве исправления.
Я инициализировал объект диаграммы (данные) и поместил его в массив диаграмм (dataArray).
<div *ngFor="let data of dataArray; let i=index">...
1180 просмотров
schedule
02.11.2023
Как определить, не работает ли холст в Chrome?
В нашем продукте мы столкнулись с проблемой, когда иногда создается холст, превышающий ограничения, установленные браузерами (я получил ограничения от этот вопрос ).
Пытаясь придумать способ предупредить пользователей или, по крайней мере, спасти...
141 просмотров
schedule
08.11.2023
Как и почему ширина/высота холста мешает рисованию моего изображения?
Я пытаюсь написать функцию, которая принимает координаты x, y и вращение и вставляет изображение, которое вращается вокруг центральной точки изображения, на холст. Этот код работает нормально:
let img = new Image(),
canvas =...
236 просмотров
schedule
05.01.2024