Hi Steve,
There is a DOM element which contains drawing area and you could set any
properties for it. If it's static picture you could add css-rule like this:
.bwb_drawarea{background-image: url('some.gif'); background-size: 100% 100%; }
If you need manipulate the image programmaticaly, then you could use access to
this DOM-element by method whiteboard.getDrawArea()
There is one problem with background - it will not move while scrolling or
zooming drawing area. To obtain good behavior you have to turn off zoom and
scroll. So your code will like like (use the latest lib from
https://github.com/bay73/whiteboard.git - I've added removeTool method there):
bay.whiteboard.Whiteboard.removeTool("zoom-in");
bay.whiteboard.Whiteboard.removeTool("zoom-out");
whiteboard.properties.events.onwheel = false;
whiteboard = bay.whiteboard.Create();
whiteboard.render(document.getElementById('whiteboard'));
$(whiteboard.elements.drawElement).css("background-image","url('some.gif')").css("background-size","100%
100%");
If you use google closure instead of jQuery, then last line will look like:
goog.style.setStyle(whiteboard.elements.drawElement,
{"background-image":"url('some.gif')","background-size":"100% 100%"});
And of course I could add the behavoir if you want your background to move
while scrolling.
Regards,
Andrey Boganov
Суббота, 13 июля 2013, 0:38 -04:00 от "Steve M. Baumgartner"
<st...@smbcomputers.net>:
>is there a way I can set something up to be the default background that cannot
>be changed? like a picture or something. i want a form as the background
>people can type text over.
>
>Steve Baumgartner
>Owner
>SMB Computers
>O: +1 614 489 9740
>M: +1 614 743 3166
>Grove City, Ohio, USA
>st...@smbcomputers.net
>
>This e-mail and any files transmitted with it are confidential and intended
>solely for the use of the individual or entity to whom they are addressed.
>If you have received this e-mail in error please notify the sender immediately.
>
--
Андрей Богданов
