Есть ли способ установить цвет фона для URL в Draw2d JS для повторения фонового изображения? - PullRequest
Новая
       29

Есть ли способ установить цвет фона для URL в Draw2d JS для повторения фонового изображения?

0 голосов
/ 15 апреля 2020

Я хочу добавить повторяющееся фоновое изображение в мою тюрьму в Draw2d JS. Я пытаюсь это с использованием шаблона и заполнения. Но я не знаю, как установить для атрибута заливки значение без цвета, например fill="url(#background-images)". Когда я использую jQuery(roomDom).attr("fill","url(#background-images)");, это работает, но когда я изменяю размер или перемещаю, цвет меняется на черный. 

function DrawRoom(width, height, x, y) {
var svgContainer = jQuery(canvas.getHtmlContainer()).find('svg');
svgContainer.html('<defs><pattern id="background-images" x="0" y="0" width="50" height="50" patternUnits="userSpaceOnUse"><image xlink:href="https://cdna.artstation.com/p/assets/images/images/008/218/168/large/altheia-frane-wood-texture.jpg?151126541" x="0" y="0" width="50" height="50"></image></pattern></defs>');

var room = new draw2d.shape.composite.Jailhouse({
    width: width, 
    height: height, 
    x: x, 
    y: y,
    bgColor: 'url(#image)'
});
canvas.add(room);
//this below doesn't work
var color = new draw2d.util.Color("url(#background-images)");
room.setBackgroundColor(color);
}
...