KineticJs одно изображение с несколькими штрихами

Question

Я знаю, как применить штрих в одном изображении.

Возможно ли использовать многотактный образ на одном изображении?

Возможно, такие результаты.

Или как я мог это сделать.

Answer 1

Самый простой способ - просто нарисовать несколько узлов Kinetic.Rect поверх вашего изображения с требуемым штрихом и прозрачным фоном (вы можете пропустить fill или установить его на rgba(0,0,0,0)).

var rect = new Kinetic.Rect({ 
    x: 0, y: 0, 
    width: 100, height: 50, 
    stroke: 'red' 
})