# aardio 范例: PDF 简单绘图



```aardio
import win.ui;
/*DSG{{*/
var winform = win.form(text="PDF 简单绘图";right=1083;bottom=737)
winform.add(
plus={cls="plus";left=325;top=8;right=1073;bottom=726;bgcolor=0xFFFFFF;db=1;dl=1;dr=1;dt=1;repeat="scale";z=2};
treeview={cls="treeview";left=12;top=5;right=315;bottom=725;bgcolor=0xFFFFFF;db=1;dl=1;dt=1;edge=1;z=1}
)
/*}}*/

//打开 PDF
import fsys.pdfium; 
import inet.http;//导入 inet.http 支持网络 PDF
var pdf = fsys.pdfium("https://www.orimi.com/pdf-test.pdf")

//显示首页
pdf.pageNum = 1;
winform.plus.background = pdf.asBitmap();

//加载目录
var bm = pdf.extractBookmarks()
winform.treeview.insertItem( bm.asTree() )

//点击目录切换页面
winform.treeview.onSelChanged = function(hItem,data,nmTreeView){
	if(data){
		pdf.pageNum = data.pageIndex;
		
		//这样比较方便，可以用 plus 设置显示模式，性能也相对较好
		winform.plus.background = pdf.asBitmap();
	} 	
}

/*
//这样实时绘图也可以，但需要自己计算缩放比例
winform.plus.onDrawBackground = function(graphics,rect,backgroundColor,color){
	
}
winform.plus.onDrawForeground = function(graphics,rc,foregroundRect,foregroundColor,color,font){
	pdf.render(graphics,rc.xywh())
}
*/

winform.show();
win.loopMessage();

```