Konva.js обведен штрихом вокруг элемента Img с текстом - PullRequest
Новая
       54

Konva.js обведен штрихом вокруг элемента Img с текстом

0 голосов
/ 03 ноября 2019

Я новичок в Konva.js lib, я реализовал перетаскивание img внутри элемента canvas, я хотел бы указать пользователю, что img перетаскивается, поэтому я хотел бы сделать что-то вроде этого ->

Example

Есть идеи, как это сделать внутри Konva.js? Спасибо!

1 Ответ

0 голосов
/ 04 ноября 2019

Вы можете использовать stroke с комбинацией свойства dash, чтобы сделать пунктирный штрих 

Konva.Image.fromURL('https://i.imgur.com/ktWThtZ.png', img => {
  img.setAttrs({
    x: 50,
    y: 50,
    scaleX: 0.5,
    scaleY: 0.5,
    stroke: 'red',
    strokeWidth: 10,
    dash: [10, 10],
    draggable: true
  });
  layer.add(img);
  layer.draw();
});

Демо: https://jsbin.com/xoporixura/1/edit?html,js,output

Если вам требуется заполнение для обводки, выМожно добавить прямоугольник поверх изображения большего размера.

...