Используя SVG-синтаксис пути в paper.js? - PullRequest
Новая
       35

Используя SVG-синтаксис пути в paper.js?

4 голосов
/ 21 февраля 2012

В библиотеке raphael.js пути описываются с использованием синтаксиса путей SVG (например, M98.36,214.208l2.186-1.093V210.2l-3.378,0.117l1.174,4.137L98.36,214.208z, который обеспечивает очень компактный способ создания фигуры (особенно если ваша фигура рисуется с помощью внешнее приложение, такое как Illustrator).

Я заинтересован в использовании библиотеки paper.js (не на основе SVG), но первый взгляд на документацию показывает, что пути строятся поэтапно через методы объекта. Это совершенно другой подход («построение пути» и «описание пути», можно сказать), не очень подходящий для моих потребностей.

Итак: есть ли способ использовать SVG Paths в paper.js? Или аналогичное решение "описание пути"?

Справка:

1 Ответ

3 голосов
/ 25 января 2014

Вы можете использовать синтаксис пути SVG, как описано в справочнике Paper.js для pathData

var pathData = 'M98.36,214.208l2.186-1.093V210.2l-3.378,0.117l1.174,4.137L98.36,214.208z';
var path = new Path(pathData);

path.strokeColor = 'black';

// Scale the copy by 1000%, so we see something
path.scale(10);

А здесь, например, в качестве эскиза Paper.js

...