Описание тега globalcompositeoperation

Вопросы с тегом
2 ответа

Использовать глобальные композитные операции на KineticJS 4.7.2

На этот вопрос ответили с помощью KineticJS 4.6.0, обеспечивающего эту скрипку Но... есть идеи, как это сделать на последней версии kineticjs? Я попробовал ту же скрипку с kineticjs 4.7.2: http://jsfiddle.net/qNtSg/ Я только что изменил drawFunc с н…
24 окт '13 в 09:32
1 ответ

Поместите объект между двумя другими

Я новичок в canvas и хочу переместить свою анимацию DOM (HTML+JS) в canvas. Я пытался имитировать анимацию солнечной системы в основных анимациях - Web API Interfaces | МДН и мне удалось это сделать. Скрипка У меня проблема с globalCompositeOperatio…
14 мар '15 в 20:14
1 ответ

Пользовательский globalCompositeOperation в HTML5 Canvas

Я смотрю на все различные типы глобальных составных операций здесь: https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/globalCompositeOperation Никто из них не делает именно то, что я хочу сделать. Есть ли способ определить по…
02 янв '16 в 03:28
1 ответ

KineticJS - Шаблоны и заливки на изображениях

У меня есть холст, который я создаю с помощью KineticJS, и я добавляю прозрачные изображения PNG на этот холст. Когда сложены друг на друга, это создает один образ одежды со всеми различными частями. Затем я хочу позволить пользователю щелкнуть шабл…
05 апр '13 в 06:28
1 ответ

Как я могу обрезать / использовать globalCompositeOperation = "desination-out", чтобы исключить 2 круга из моего холста?

Я пытаюсь выяснить CanvasRenderingContext2D.globalCompositeOperation = "destination-out чтобы создать эффект "Туман войны". Учитывая этот пример https://jsfiddle.net/wobzpjLL/ var c = document.getElementById("myCanvas"); var ctx = c.getContext("2d")…
18 июн '17 в 18:24
1 ответ

Как правильно применять globalCompositeOperation к элементам canvas?

У меня проблема с globalCompositeOperation. Моя цель - сделать так, чтобы синий элемент отображался только внутри красного элемента и не должен быть видимым за пределами красного прямоугольника (эффект Overflow-Hidden). Кроме того, и красный, и сини…
17 апр '17 в 16:41
1 ответ

Использование globalCompositeOperation для ограниченного числа изображений

У меня очень простой вопрос: возможно ли использовать globalCompositeOperation только для ограниченного числа изображений? Например, я рисую много вещей на холсте. И вдобавок ко всему, и завершенный, не связанный, я хочу выполнить некоторые операции…
04 ноя '16 в 16:34
1 ответ

Маскировка текста не работает с холстом HTML

Я пытаюсь сделать маскировку текста в JavaScript. Ниже мой код:- if(this.image!==null) { canvasContext.drawImage(this.image, 0, 0, this.width, this.height); } canvasContext.font = "55px Arial"; canvasContext.textAlign = "center"; canvasContext.textB…
25 апр '13 в 10:12
0 ответов

Есть ли способ заставить работать копию GlobalCompositeOperation, как в Chrome, но в Firefox/Opera?

Попытка рисовать от руки на холсте без непрозрачности 1, однако получается так: http://i.imgur.com/ONhSlhV.png Настройка globalCompositeOperation для копирования решает ее, однако в Firefox/Opera копия очищает весь холст перед рисованием, в отличие …
12 янв '14 в 14:54
1 ответ

JavaScript холст форма отсечения, когда выходит за пределы

То, о чем я прошу, может быть очень простым, но у меня было немало проблем с получением желаемого результата. Я хочу, чтобы фигура (в данном примере это квадраты, но должна работать с другими фигурами, такими как круги и т. Д.), Чтобы обрезать себя,…
25 окт '15 в 06:42
1 ответ

Как отменить действие ластика для HTML5 Canvas Drawing App

Я создал приложение для рисования HTML5, которое имеет основные функции, которые позволяют пользователю выбирать цвет для рисования, изменять размер (радиус) инструмента рисования, отменять, возвращать и полностью очищать холст. Недавно я добавил ин…
02 янв '16 в 19:40
3 ответа

HTML Canvas: внутренняя тень для круговых фигур (планет)

Я намерен нарисовать полукруглые внутренние тени внутри круглых фигур, которые представляют планеты, движущиеся вокруг звезды (это часть образовательной программы, над которой я работаю). После многих подходов это был тот, который почти работал для …
07 мар '17 в 19:19
1 ответ

Определение того, как смешиваются 2 отдельных перекрывающихся холста

Я в основном хочу положить холст поверх другого и определить способ смешивания их содержимого. У меня есть один белый холст с черными символами, и я хочу выделить его часть прозрачным синим прямоугольником, чтобы мои черные символы на фоне не стали …
23 апр '14 в 12:02
1 ответ

Эквивалент глобальнойкомпозитной операции в WebGL

Canvas 2D предоставляет возможность перекрытия изображений различными способами с помощью свойства globalcompositeoperation, как показано здесь http://www.w3schools.com/tags/tryit.asp?filename=tryhtml5_canvas_globalcompop Есть ли подобная опция в we…
29 апр '15 в 18:42
1 ответ

События мыши для объектов Canvas Draw

Я хочу создать основанное на холсте меню сайта с помощью этого плагина, чтобы создать эффект "умножения". Однако это, а также globalCompositeOperation работают с объектами ctx на том же холсте. (в context-blender он использует закадровый холст и исп…
29 янв '13 в 20:56
0 ответов

Кинетические с помощью GlobalCompositeOperation

Я хочу, чтобы программа работала как фотошоп. Поэтому я попытался изменить globalCompositeOperation для имитации свойства смешивания слоев Однако Kinetic.Context не передает свойство globalCompositeOperation реальному contetx2d . После трассировки к…
19 сен '14 в 12:42
1 ответ

Используя маску изображения с globalCompositeOperation на KonvaJS?

Я использую фреймворк Konva.js и пытаюсь применить маску изображения поверх другой. Код полностью скопирован из этого поста. В этом примере jsfiddle есть небольшие модификации для добавления фона (Rect). Проблема в том, что фон нарисован неправильно…
04 окт '17 в 05:23
1 ответ

Маскирование нескольких фигур с помощью globalCompositeOperation в canvas

Я пытаюсь нарисовать несколько прямоугольников, а затем замаскировать те, которые используют globalCompositeOperation 'source-in', который прекрасно работает, но проблема в том, что когда я заполняю свои прямоугольники, они исчезают... Если у меня т…
22 окт '13 в 14:33
1 ответ

Использование HTML5 globalCompositeOperation "xor" с элементами формы и текста в Chrome

Я столкнулся с проблемой при попытке globalCompositeOperation маскировать / смешивать фигуры и текст (маски фигур / смешиваются с другими фигурами работает отлично) в Chrome (более конкретно я использую Chrome 12.0.7). Кто-нибудь может подсказать, г…
19 июл '11 в 21:38
1 ответ

Глобальная составная операция в three.js

Глобалкомпозит доступен в html5 canvas. Это доступно в ThreeJS? Как реализовать составную операцию назначения в Three.js? Спасибо.
03 июл '15 в 10:12