Paper.js - это среда сценариев векторной графики JavaScript с открытым исходным кодом.
Как определить, находится ли один круг внутри другого круга? Я думал, что понял это, используя метод isInside.
Примечание. Этот код будет работать на сайте http://sketch.paperjs.org.
Ожидайте, что Circle2 будет внутри Circle1.
var circle1 = new Path.Circle(new Point(100, 100), 100);
var circle2 = n...
16 Сен 2023 в 20:24
Моя проблема
Я пытаюсь создать эффект метабола, используя Paper.js. Хотя на сайте Paper.js есть пример эффекта метабола (демо-версия Metaball< /a>), он фокусируется на круглых формах. Однако мои формы неправильные. Я не уверен, как добиться такого эффекта с помощью этих фигур и возможно ли это...
21 Авг 2023 в 00:34
Я разработал холст, созданный с помощью функций пакета pywebview. На этом холсте я пытаюсь использовать paper.js для рисования Path, а затем вывожу полученный отрендеренный HTML во всплывающее окно изображения. Path не отображается на странице, хотя тот же код работает на тестер интерактивных фраг...
19 Июн 2023 в 09:27
У меня есть два объекта CompundPath, которые для этого примера не пересекаются. Я хотел бы, чтобы Location на каждом пути был ближайшим к другому ближайшему Location на другом пути. (напоминаем, что Location — это реальная точка пути, а Point — одна из конечных точек кривой Безье.
Я знаю, что есть...
16 Июн 2023 в 00:16
Я использую холст Paper.js в качестве источника и простой холст в качестве цели. В основном копирование части видимого изображения через getImageData и вставка его в целевой холст с помощью putImageData.
Вставленное изображение не имеет альфа-канала. Например, когда копируемая область включает тол...
7 Апр 2023 в 00:03
Все еще очень новичок в кодировании, поэтому, пожалуйста, будьте осторожны :)
Я надеюсь, что кто-то сможет помочь, как использовать Paper.js на втором холсте после того, как первый был выполнен?
Я пытаюсь использовать элементы холста x2:
Canvas 1 — для захвата видеоизображения в формате html5 и прео...
9 Фев 2023 в 04:11
PaperJS имеет множество статических конструкторов (таких как Rectangle) в своих базовых функциях-конструкторах, таких как Shape. Я хотел бы расширить один из таких статических конструкторов, как этот,
class Rect extends paper.Shape.Rectangle {
constructor() {
super(...arguments);
}
...
25 Янв 2023 в 15:06
Кажется, я не могу получить никакого результата от проекта, над которым я работаю с paper.js
Кажется, raster.on по какой-то причине не распознается как функция... Может ли кто-нибудь помочь мне, почему отображается ошибка, говорящая, что это не функция?
Я пробовал инициализировать paperscript нескол...
16 Янв 2023 в 18:01
JSFiddle: https://jsfiddle.net/vt63Lxf7/4/
Я использую PaperJS на холсте с указанным resize.
<canvas id="mycanvas" resize>
Кроме того, в CSS для холста задана ширина/высота 100%:
#mycanvas {
width: 100%;
height: 100%;
}
Рисунок представляет собой круги, которые зависят от текущей ширины/вы...
15 Дек 2022 в 00:01
Я пытаюсь использовать paper.js, чтобы получить узел и его позиции дескриптора в результате пересечения двух путей. Мне не нужно рендерить результат, мне нужно только позиционировать для дальнейшей обработки. Два открытых пути показаны на следующем рисунке:
Я бы знал точные координаты выделенного...
30 Окт 2022 в 17:30
Я японец, и я прошу прощения за мой неестественный английский, но я был бы признателен, если бы вы могли его прочитать. Я научился конвертировать paperscript в javascript из официальной документации. Его средства следующие
Измените атрибут type тега script на text/paperscript. <script type="text/...
1 Окт 2022 в 15:53
У меня есть два полотна. Я хотел бы нарисовать зеленый круг на первом холсте при нажатии на него и красный круг при нажатии на другой холст.
Код ниже работает только для первого холста. Я хотел бы знать, как я могу реализовать свою первоначальную идею.
HTML:
<!DOCTYPE html>
<html>
<head>
*** Imp...
27 Сен 2022 в 14:46
У меня проблема. Не могу сделать красочный штрих Color. Я пытался сделать так
p.strokeColor = 'purple'; p.strokeColor = 'red'; и p.strokeColor=['purple','red'].
Но ничего не помогает. Вот пример.
Вот демо. https://codepen.io/aqua908/pen/rNvyyJj...
16 Сен 2022 в 23:07
Я пытался создать функцию отмены, которая удалит последний сегмент с моего пути в paper.js. У меня проблемы, потому что функция ожидает индекс, но я не могу его получить. Я пытался:
undo: function(){
path.removeSegment(path.segments.lastsegment);
path.removeSegment(path.segment...
8 Сен 2022 в 02:26
Я пытаюсь использовать paper.js (http://paperjs.org/), ниже приведен рабочий эскиз код, рисующий анимированную линию между двумя точками.
http://sketch.paperjs.org/#V/0.12.7/S/fVRNj9owEP0rIy4kLfLCYaUKyqHdqlKlrlqVSnvo9mCSCbg4dmRPQHTFf+/YCQlBS5GCknnz+d7YLyMjSxzNR6sdUrYdTUaZzcP33R08OJSEIKGStAWyII0q2SK...
23 Авг 2022 в 21:06
Я использую приведенный ниже HTML-код для рисования путей с помощью paper.js. На фоне мы хотим установить фоновое изображение.
Я попытался установить изображение «room.jpeg», которое хранится локально. Он загружается правильно, но не в фоновом режиме. В результате он удаляется, когда я пытаюсь на...
30 Июн 2022 в 13:14
У меня есть функция closestPointData, чтобы определить ближайшую точку линии, выделить эту точку, показав красную точку, и определить, какую точку нужно перетащить.
У меня проблема с допуском, при слишком быстром перетаскивании мышь "сбрасывает" точку.
Как я могу убедиться, что я не превышаю допуск ...
26 Июн 2022 в 15:30
Поэтому я пытаюсь создать ощущение плавного движения при переназначении координат paper.view.center. У объекта center нет метода tweenTo(). Это то, что я пытался использовать Tween.js:
let smooth = new TWEEN.Tween(paper.view.center).to({
x: 650,
y: 270
}, 900).easing(TWEEN.Easing.Cubic.Out...
20 Июн 2022 в 01:55
В настоящее время я использую следующий код для экспорта региона на слой с помощью paper.js:
var boundsArtboard = new Rectangle({x:10,y:10, width:100, height:100});
var svg = paper.project.exportSVG({asString:true,precision: 5, bounds:boundsArtboard});
Когда я просматриваю экспортированный SVG в ве...
JSFiddle: https://jsfiddle.net/09a7kb32/
У меня есть страница с заголовком DIV (высота: 50 пикселей) и Canvas DIV (высота которого занимает оставшуюся часть экрана). Я использую PaperJS для рисования круга, который является полным размером (нижнего) Canvas DIV. Однако центральная координата X/Y, п...
Конечно, shape1.subtract(shape2).intersects(shape2) всегда должно быть ложным?
Но в моем коде paper.js путь, из которого удален второй путь, все равно всегда пересекает второй путь. Почему это пожалуйста?
Я пытаюсь просмотреть список путей и вычесть их все, чтобы не было перекрытий. Но я не могу п...
При создании элементов пути в paperJS поведение по умолчанию создает маленькие квадраты на пересечении каждого сегмента. Есть ли способ сохранить синюю линию пути по умолчанию, но скрыть квадраты? Свойство, которое можно использовать, чтобы показать/скрыть их?
Нарисуйте линию, чтобы увидеть пример...
30 Май 2022 в 07:29
У нас есть холст PaperJS, ширина/высота которого установлена на 100%. Пользователи могут масштабировать и панорамировать Пользователи могут добавлять содержимое на холст в различных местах на холсте независимо от состояния масштабирования/панорамирования. Мы хотим добавить полосы прокрутки на холс...
10 Май 2022 в 20:56
Я большой поклонник PaperJS, однако библиотека не проявляет особой активности, поэтому мы рассматриваем другие инструменты, такие как KonvaJS, Fabric и Pixi. Мы хотели бы воспроизвести пример здесь:
http://paperjs.org/examples/path-simplification/
В KonvaJS, но мы не уверены, какой класс лучше всег...
2 Май 2022 в 00:44
Я попытался найти учебник о том, как использовать paper.js с angular, но не могу найти правильный способ сделать это....