|
import win.ui;
/*DSG{{*/
var winform = ..win.form( bottom=399;parent=...;text="HTMLayout 显示图标(ico文件)";right=599 )
winform.add( )
/*}}*/
import web.layout;
var wbLayout = web.layout(winform);
wbLayout.html = /*********
<html>
<head>
<style>
img {
assigned!:
self.src = "data:image/x-icon;base64,
AAABAAMAMDAAAAEACACoDgAANgAAACAgAAABAAgAqAgAAN4OAAAQEAAAAQAIAGgF
AACGFwAAKAAAADAAAABgAAAAAQAIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
AACZMwAAmjQAAJw2AACeOAAAnzsGAKA6AACiPAAApD4AAKI+BACmQAAAp0MFAKhC
AACqRAAArEYAAK5IAACvSwUApEIIAKVDDACuTQ0AsEoAALJMAAC0TgAAsk0FALZQ
AAC1UgcAuFIAALpUAAC8VgAAuVUFAL5YAAC1VAwAulgKAL9fDAChQxQAtVgWALtb
EAC7XhYAsFQYALxiGgC7YR0ArVMhALVdJACwWSgAvGQlALlnMADAWgAAwlwAAMRe
AADGYAAAyGIAAMpkAADMZgAAzmgAAMVkDQDJZggAyWgLAMppDQDQagAA0mwAANRu
AADQbwwA1nAAANNwBwDVcQQA2HIAANp0AADcdgAA3ngAAN97BgDefg8Ax2gSAMlq
EQDGaxwA0nMTANV2EgDVeBQA3H0SANF2GwDUeBkA1XseANh8GQDgegAA4nwAAOR+
AADifwcAwWomAMd0LgDHdTEAzX03ALNmQAC2a0EAv39fAN6FHgDmgAAA5IAHAOiC
AADqhAAA7IYAAO6IAADhgQ4A6IgPAOGBEADmhhAA4IMVAOOGFgDrjBAA7I0QAOCH
HwDhiB8A5YsdAOuRHwDwlBcA8ZcdANqBIQDYgysA3YktAN6MMQDdjTUA04U9AOGK
JQDnjyQA6I4gAOCJKADljykA4Y0tAOuUIgDvliAA55EpAPGYIQDxmiYA8pwqAPKe
LQDrmDAA65s1AOKVPwDmmT8A6Jg5APGeMADyoDEA8qE1APKjOADzpDoA86U9ANiN
QwDelUkAwoJfAOCTQADpnUEA5J5PAOmfSADsoEAA76VEAO6mSQDypkAA86hCAPOp
RQDzqkgA9KtJAPSsSwD0rU0A6aRQAOmmVQDuqVEA765bAOysXwD0rlEA8K1ZAPSw
UwD0sFUA9LJZAPW0XQDFjG8AzJl/AOmqYADurmAA7LJuAPGyYAD1tWAA87lvAO67
fwDvvH8A8L1+APTBfwDZsp8A77yAAPG+gADzwIAA9cKAAPDEjwDyxpAA8cufAPPN
nwD30aAA+NKgAPbWrgDlzL8A9dy+APnfvwD64L8A+ebPAPvozwDy5d8A++7fAPzv
3wD58u8A/fbuAP/+/gAAAAAALAAvAEsAUABpAHAAhwCQAKUAsADEAM8A4QDwAPAR
/wDyMf8A9FH/APZx/wD3kf8A+bH/APvR/wD///8AAAAAABsALwAtAFAAPwBwAFIA
kABjALAAdgDPAIgA8ACZEf8ApjH/ALRR/wDCcf8Az5H/ANyx/wDr0f8A////AAAA
AAAIAC8ADgBQABUAcAAbAJAAIQCwACYAzwAsAPAAPhH/AFgx/wBxUf8AjHH/AKaR
/wC/sf8A2tH/AP///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
AAAAAAAAAAAAAAAAAAAADxQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQU
FBQUFBQUFBQUFBQUFAAAFRYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYW
FhYWFhYWFhYWFhYWFQAAGBgYGBgYGBgYFQgBAQoWGBgYGBgYGBgYGBgYGBgYGBgY
DgwNFhgYGBgYGBgYGAAAGxsbGxsbGxsNAwQaCAEDDhsbGxsbGxsbGxsbGxsbGxUH
AQcBAw8bGxsbGxsbGwAAHh4eHh4eFgQEGjxBFQ4EAQQYHh4eHh4eHh4eHh4bCgEN
MjAVBAEEFh4eHh4eHgAALy4vLxwHBBs+h8VBGhUPCgMBCBwvLy8vLy8vLg4BDTJB
QTEaFQ0DAQgaLy8vLgAAMDEvFAQbQUJC399BGxgVDwwEAQEULzExMTEUAw0zQnXF
QTEbGBUPBgIBDC4xMQAAMxoDFUJtv79D399BHhsWFA4MBwIBAxozGgYVNENsv9/f
QjEeGhYUDgoEAQENMQAAChZBZlK+38tt399DLhwaFhQOCgcDAQEKFj5SZr3f39/f
QjMuHBoWDw0KBgIBAwAAAVO6zlLG39+w399DMC4cGBUPDQoHBAE0U2a5zt/f38uu
QzMvHhsYFQ8NCAYCAQAAAVPf31Pf39/G399EMS8eGxgVDwwIBgE6VMzf39/OuWZE
RDQxLx4bFhQODAgGAQAAAV7f37bf39/f399SMzEvHhoWFA4MCAE7VN/f375mUlJS
RDUyMC4cGhYUDQoHAgAAAV7f38Pfz9/f399SNDIwLhwaFhQNCgI8Xt/f31RTU1NS
UjU0MjAuGxgVDw0KAwAAAWDf387fr9/f399TMjQyMC4bGBUPDQI8YN/f31RUVFNT
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
AAAAAfz9//AAAAAB/P3/8AAAAAH8/f/wAAAAAfz9//AAAAAB/P3/8AAAAAH8/f/w
AAAAAfz9//AAAAAB/P3/8AAAAAH8/f/wAAAAAfz9//AAAAAB/P3/8AAAAAH8/f/w
AAAAAfz9//AAAAAB/P3/+AAAMAH8/f/+AAD4Afz9///AA/4B/P3///AP/4H8/f//
/D//4fz9/////////P0oAAAAIAAAAEAAAAABAAgAAAAAAAAAAAAAAAAAAAAAAAAA
AAAAAAAAmTMAAJo0AACcNgAAnjgAAJ87BgCgOgAAojwAAKQ+AACmQAAAqEIAAKpE
AACsRgAArkgAAKVDDACqRwgArUoJALBKAACyTAAAtE4AALZQAAC0UQYAuFIAALpU
AAC8VgAAvlgAAL5aBQC9XAwAu18aAL1iGgC6bT0AwFoAAMJcAADEXgAAxmAAAMVh
BQDIYgAAymQAAMxmAADOaAAAwWALAMViCQDFZQ0AzGsNANBqAADSbAAA1G4AANZw
AADXdAUA2HIAANp0AADcdgAA3HcEAN54AADVcgoA13cPANl4CwDdegkAzm8TAM9x
FwDTcxEA1HkXANB0GQDWehoA2n4YAOB6AADifAAA5H4AAOJ/BwDReycAwnAxAMd1
MQDNezMAzXw2AMR0OQDLezgAwHpOANqAHgDdgx8A5oAAAOiCAADqhAAA7YcAAO6I
AADigg8A44MQAOCGHgDrkR0A2IIpANyHKADeiCgA0YI2AN6MMgDThT0A4okhAOeO
IADojyAA4IssAOKOLgDskyAA55IrAOSQLgDslikA7JkvAPGZIgDxmyYA8pwqAPKe
LQDhjzUA6Jc1AOuZMgDilj8A6Js9AOqdPwDsnz8A8p8wAO6hPwDyoDEA8qE1APKj
OADzpDoA86U+ANiNQwDGhl8A1I5RAOmdQADsn0AA7aFAAO+mSADypkAA86hDAPOp
RQDzqkgA9KtJAPSsSwD0rE0A6aRQAOmmVQDvqVAA765bAOioXwDsrF8A9K5RAPCu
WwD0sFUA9LJaAPW0XgDJkncAzpp9AO2zbwDzs2AA87RgAPW1YADtun8A8L1/APTB
fwDSpY8A2bKfAN+/rwD1woAA8sWOAPfQnwDzzaAA9c+gAPbQoAD21q8A+tqvAObK
uQDlzL8A9ty+APnfvwD64b8A8uXfAPvu3wD8798A+fLvAP337wD++vUA////AFAA
FwBwACEAkAArALAANgDPAEAA8ABJAP8RWgD/MXAA/1GGAP9xnAD/kbIA/7HIAP/R
3wD///8AAAAAAC8AIABQADYAcABMAJAAYgCwAHgAzwCOAPAApAD/EbMA/zG+AP9R
xwD/cdEA/5HcAP+x5QD/0fAA////AAAAAAAsAC8ASwBQAGkAcACHAJAApQCwAMQA
zwDhAPAA8BH/APIx/wD0Uf8A9nH/APeR/wD5sf8A+9H/AP///wAAAAAAGwAvAC0A
UAA/AHAAUgCQAGMAsAB2AM8AiADwAJkR/wCmMf8AtFH/AMJx/wDPkf8A3LH/AOvR
/wD///8AAAAAAAgALwAOAFAAFQBwABsAkAAhALAAJgDPACwA8AA+Ef8AWDH/AHFR
/wCMcf8AppH/AL+x/wDa0f8A////AAwQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQ
EBAQEBAMEhISEhISEhEMEhISEhISEhISEhISEhISEhISEhISEhIWFhYWFhUKAwUF
ERYWFhYWFhYWFhYWDAYGDBYWFhYWFRgeHh4RBhUtEgkBCBYeHh4eHh4eEwMQIxAD
BxMeHhgeICAXBxEubqgTEgwFABAfICAgFwcRLDAwFhIIAQceICAhChI2mF2YsRYW
EgwHAgIVIAsSLTKLqDEYFRELBQALIAxNfJSxqZixGBgVEQsIAwATMFOUrLGxMiAX
ExAKBgEIGLGZpLGxqLEeHxcTEAoHAUKfr7GvoV00Ix8WEgwJBggYsZ+xsbGxsSAj
HhYSDAkFTrGxn1RBQEAlIR4VEQsICB6xrbGfsbGxISUhHhYRCwZPsbFxQkFBQSsk
IBgVEAoKH7Gxr06kol8lKyQgGBUQBlCxsX1OQkJCLCYjHxcSDAofsbGgT08zYHg5
IyMfFxMHULGxc09OL1lgIiUhHhYSDCCqllFOZJCGgndjGSAeFghSqpZQQ2uQhYJ3
PR4gGBUMIFJSVZGXl4+EgHZqPBIYCFJSQ2SXl5eNhHh1ZScVFxAiVImXl5eXkI2C
eHRpVhQGH12Rl5eXl4+Ggnd0aBoFBkWIl5eXl5eXj4WBdmo+BBAJBEaOl5eXkY2E
gFgOECQHwJxJiJeXl5eQjYNsDxArMBYQBQRcl5eXj38bESwwKxLAwMCcSYiXl5GJ
HBYwbqgwFRMRCAINeZdIFEyoMjEtFcDAwMDAnEmIWhkyNDSxsTEXFxMQCgUAEDBA
r7E0Mi4XwMDAwMDAwJwrcKlAQLGxMhgeFhIMCAMYQkGxsUA0MB/AwMDAwMDAwCyx
sUGMsbE0HyAYFREKBh5OQrGxVJ8yIcDAwMDAwMDALLGxrbGxsUAhIx8XExAIHk9O
sbGvsTQlwMDAwMDAwMAtsbGjX7GxQSMmIR4WEgofUGaxsbGjNCvAwMDAwMDAwC6x
sU9Pqn41PSQlIRgVCx+asbGtfi9ZKsDAwMDAwMDALrGxUFA4b4WCbSghHxcQILGv
nkFXjYJ3wMDAwMDAwMAwqoBDfJeRjYR4dUwTGBEgpWI/ipePhYHAwMDAwMDAwC9P
ZJeXl5ePhoF3cmgpCyA3iJeXl5CNgsDAwMDAwMDAW5eXl5eXl5GNhHh1amc7SJeX
l5eXl5CFwMDAwMDAwMCme4qXl5eXl4+FgndyPR2SSYiXl5eXkY3AwMDAwMDAwMDA
pnuIl5eXkI2DRB2nwMDAnEmKl5eXj8DAwMDAwMDAwMDAwJ1JiJeXWkunwMDAwMDA
wJNKipeHwMDAwMDAwMDAwMDAwMCcSXqrwMDAwMDAwMDAwK6TSZsAAAAAAAAAAAAA
AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
AAAAAAAAgAAAAOAAAAD4AAAA/gAAAP8AAAD/AAAA/wAAAP8AAAD/AAAA/wAAAP8A
AAD/AAAA/wAAAP/AA4D/8A/g//w/8CgAAAAQAAAAIAAAAAEACAAAAAAAAAAAAAAA
AAAAAAAAAAAAAAAAAACbMgAAnDQAAJ85AAClNQAApDsAAKM9AAClPwAApD8FAKw8
AACmQAAAqEEAAKpEAACtRQAAr0kAALBGAAC1RwAAsEkAALVLAACyTAAAtU0AALhM
AAC9TQAAtlAAALlSAQC+UgAAulQAALxVAAC7VwcAvlgAAL9bCgDDUgAAwFcAAMFa
AADEXQAAwl8NAMdiAADGYwcAyGIAAM5hAADPaAgA1GwAANtvAADQbQgA3XIAAMBi
FwDNbhUAw2kfAMpuGgDNbxoAzXMeAM50HADWdBIA2HoXAOFuAADgfw0Aw2siAMFp
JADJcCEAxHEvAMl1LQDNeS0A134gANZ/JwDcgRsA34QcAOWGGQDihxwA6Y8eAN2B
JgDWgCoA2IYwANqKNgDRhD8A44wkAOSNJADtlCEA5ZEuAOmQKADomDcA65s7AOue
PgDvoTsA76E/APCiPAD6rj4A35lQANeWXgDkm0gA4JhMAOuiRwDto0YA8KRCAPGm
RgD0qUIA9KtEAPasRwDyqkwA9a1NAPuxQwD5sk4A6KJQAO2nUQDrp1cA5KJaAOOj
XwDrqlsA76xbAOmpXwDxrVIA9rFRAPSyWQDzsl4A97dfANaWYQDYmmUA2qJ0ANun
fADkp2QA5qhhAOipYgDysmAA9bZhAPe5ZAD4uWAA+r5qAPm/bADgp3AA4q5/AP7G
cgDzwH8A3K6QAO26ggDitY8A5LiOAPHCigD0yI8A8ceWAPPIkgDmxasA6MasAPLN
ogD40qIA+960AOrW1gDt3dYA/ObGAPrmzwD96cwA++nSAPvr1gD97tcA8OLdAPPm
3wD979sA/vHdAO3l5QDx5uYA/vXmAPbz8wD39PQA/vz5AP///wBQBAAAcAYAAJAJ
AACwCgAAzwwAAPAOAAD/IBIA/z4xAP9cUQD/enEA/5eRAP+2sQD/1NEA////AAAA
AAAvAA4AUAAXAHAAIQCQACsAsAA2AM8AQADwAEkA/xFaAP8xcAD/UYYA/3GcAP+R
sgD/scgA/9HfAP///wAAAAAALwAgAFAANgBwAEwAkABiALAAeADPAI4A8ACkAP8R
swD/Mb4A/1HHAP9x0QD/kdwA/7HlAP/R8AD///8AAAAAACwALwBLAFAAaQBwAIcA
kAClALAAxADPAOEA8ADwEf8A8jH/APRR/wD2cf8A95H/APmx/wD70f8A////AAAA
AAAbAC8ALQBQAD8AcABSAJAAYwCwAHYAzwCIAPAAmRH/AKYx/wC0Uf8AwnH/AM+R
/wDcsf8A69H/AP///wAAAAAACAAvAA4AUAAVAHAAGwCQACEAsAAmAM8ALADwAD4R
/wBYMf8AcVH/AIxx/wCmkf8Av7H/ANrR/wD///8AEBASEBASEhAQEhIQEhIQEBkZ
EA4KDBkaGRcODAsWGhkfEyJ2OAQJGhwPLz0QBRIhN2eTlDsRCQEwg5ZXGBICBlad
oKExHxMDiZlBKyUaDQZWoVppNCEZCIyNNTYqIBYMRVtDW19JJBBSU09sUzQaDTJQ
fXptYkAKGleAe2NKGwqwimhvZS05Rw4HOmZGSCggsLCwgjxEgYwVEwAOTJYpI7Cw
sLB+mpWIHhwLFEughiawsLCwf5FqaychER2OkmQzsLCwsFV4TWBdPxcuh05cXrCw
sLA+bH15YVRCLFl8cGGwsLCwsIV3eWxYhLCLdW9usLCwsLCwsHJ0sLCwsLBzcQAA
AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAgAAAAOAAAADwAAAA8AAAAPAA
AADwAAAA+BAAAP58AAA=";
}
img#the-img {
border:2px dotted silver;
}
input#img-size {
vertical-align: middle;
value-changed!:
img = $1(img#the-img),
img::width = self:value, //注意在脚本中,value是一个状态值,需要用冒号作为成员操作符
img::height = self:value
;
}
body{
font:system;
}
</style>
</head>
<body>
HTMLayout 根据节点设定的 width,height 属性,显示复合图标中最合适的分辨率<br />
<img />
<img width=32 height=32 />
<img width=48 height=48 />
<hr/>
最小显示: <img style="width:min-intrinsic; height:min-intrinsic;" />
最大显示: <img style="width:max-intrinsic; height:max-intrinsic;" />
<hr/>
拖动滑块调整图标大小 (单位 1px)<input type="hslider" #img-size value=16 max=256 min=1 />(255px) of<br/>
the image: <img #the-img />.
</body>
</html>
*********/
winform.show()
win.loopMessage();
| 
发表于 2012-6-12 11:58:16
发表于 2012-6-12 13:43:26