Показать сообщение отдельно
  #1 (permalink)  
Старый 05.02.2017, 16:20
Интересующийся
Отправить личное сообщение для o5andrey Посмотреть профиль Найти все сообщения от o5andrey
 
Регистрация: 03.01.2017
Сообщений: 13

paperjs: как нарисовать строчки
Здравствуйте. Как мне с помощью библиотеки paperjs нарисовать полосочки в цикле?
paper.install(window);
paper.setup("field1");//почему-то немного расширяет канву
newCnv.setAttribute('height', 500);
newCnv.setAttribute('width', 700); 
//сделать белый прямоугольник во всё полотно
var r = new Rectangle(0, 0, 700, 500);
var p1 = new Path.Rectangle(r);
p1.fillColor = 'white';
var myPath = new Path();
myPath.strokeColor = 'black';
/* это как-то работает, но рисует лишнюю полосу скраю
var i=0;
for (y=50;y<500;y=y+50)
{
var Pnt1 = new Point(10, y);
var Pnt2 = new Point(690, y);
myPath.moveTo(Pnt1);
myPath.add(Pnt2); 
myPath.add(Pnt1);
//myPath.segment.split(location);
var segm = myPath.segments[i];
myPath.split(segm);
i++;
}
*/
//потом я нашёл что есть lineTo и moveTo, но последний что-то не работает
for (y=50;y<500;y=y+50)
{
   var Pnt1 = new Point(10, y);
   myPath.moveTo(Pnt1);
   var Pnt2 = new Point(690, y);
   myPath.lineTo(Pnt2);
}
Ответить с цитированием