Background image position

GoJS
1

In css (or in pure js) I can do somthing like this:
background: url(“path/path/img”) 80px 180px;

How can i do this for my node template?

2

Add a Picture behind your elements.

  $(go.Picture, "path/path/img", { width: 80, height: 180 })

Exactly how you do that depends on what kinds of Panel(s) that you are using in your Node template.

Read more at GoJS Pictures -- Northwoods Software and GoJS Panels -- Northwoods Software and GoJS Table Panels -- Northwoods Software.

3

Well 80px and 180px are background position. I understand how to display a picture, but how can i do clipping?

4

If you read the section about “Image Stretch” in GoJS Pictures -- Northwoods Software, you’ll see that you can set Picture.imageStretch to go.GraphObject.None.

5

Yeah that is what I did but there seems to be nothing to control position of displayed part, it just shows the center of the image. My image is like 800x600, while the pic I want to put in GO.picture is 80x80 part of this image in a specified position.

6

Ah, so that is what you mean. Try setting Picture.sourceRect.

7

Wow man it works :D

Thanks

8

But still it does not solve my problem. Becaouse i want to pass position as an argument (just like addnodeData arguments). I want 1 position->1 node
:/ Is there any way how to do that? Or i definitely need to create one template for each node?

9

Do you mean that the value for Picture.sourceRect needs to be different for different images? Use data binding and probably conversion functions to compute what you want. GoJS Data Binding -- Northwoods Software

10

thanks a lot man