Hi,
I am trying to get an Img from my DrawPane but I am getting a blank image. Can you please tell me what I am doing wrong.
I am using SmartGwt 5.0p Pro. I tried this on IE 11 and ff.
The page source shows this for the Img
Thanks.
I am trying to get an Img from my DrawPane but I am getting a blank image. Can you please tell me what I am doing wrong.
I am using SmartGwt 5.0p Pro. I tried this on IE 11 and ff.
Code:
import com.google.gwt.core.client.EntryPoint; import com.smartgwt.client.widgets.Img; import com.smartgwt.client.widgets.drawing.DrawPane; import com.smartgwt.client.widgets.drawing.DrawRect; public class DrawPaneTest implements EntryPoint { @Override public void onModuleLoad() { DrawPane dp = new DrawPane(); dp.setWidth(100); dp.setHeight(100); dp.setTop(100); dp.setLeft(100); dp.setBorder("1px solid black"); dp.draw(); DrawRect dr = new DrawRect(); dr.setWidth(30); dr.setHeight(30); dr.setTop(10); dr.setLeft(10); dr.setFillColor("red"); dr.setDrawPane(dp); dr.draw(); Img i = new Img(); i.setID("myimg"); i.setWidth(100); i.setHeight(100); i.setTop(100); i.setLeft(300); i.setSrc(dp.getDataURL()); i.draw(); } }
Code:
<div class="normal" id="isc_2" style="left: 300px; top: 100px; width: 100px; height: 100px; overflow: visible; position: absolute; z-index: 200036;" onscroll="return myimg.$lh()" eventproxy="myimg"> <div id="isc_1" style="width: 100%; vertical-align: top; display: inline-block; visibility: inherit; position: relative; z-index: 200036; cursor: default; box-sizing: border-box;" eventproxy="myimg"> <img name="isc_1main" width="100" height="100" align="TEXTTOP" draggable="true" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGIAAABiCAYAAACrpQYOAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAA8SURBVHhe7cExAQAAAMKg9U9tCU8gAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAC5qlnIAAacfqhgAAAAASUVORK5CYII=" border="0" suppress="TRUE"> </div> </div>
Comment