2014-05-03 17:34:47
在画图时，画布大小是300＊200，图形不能超出这个范围。使用平移或者缩小功能时尤其需要注意。如果超出，“提交画作”时就会报错。加载画布时在四周加了一圈灰色线框，绘图不超出线框就没问题。<br/><br/>一个已知的问题是，选择颜色时，选色面板的显示有问题，我还不知道问题出在哪。用鼠标点击时还是可以选择颜色的，就是看不出选的是什么颜色。<br/><br/>图是以代码形式和帖子文字混排在一起的，代码算在帖子长度之内。本论坛帖子长度限制为30000字，画精细的图很容易超限。要避免图形代码尺寸过大，有以下技巧：<br/><br/>1、少用画笔，多用直线。下面这张图没有用画笔，都是直线。<br/><br/>2、不用橡皮。使用回退功能删除错误的线条。<br/><br/>不支持 IE10 以下的 IE 内核浏览器。肉兔子啊肉兔子。。<br/><br/>[draw]{"shapes":[{"className":"Line","data":{"x1":149.78569128542907,"y1":96.9999111245247,"x2":153.35711985685765,"y2":96.9999111245247,"strokeWidth":1,"color":"#000"}},{"className":"Line","data":{"x1":153.35711985685765,"y1":96.9999111245247,"x2":156.2142627140005,"y2":99.85705398166756,"strokeWidth":1,"color":"#000"}},{"className":"Line","data":{"x1":156.2142627140005,"y1":99.85705398166756,"x2":153.35711985685765,"y2":101.9999111245247,"strokeWidth":1,"color":"#000"}},{"className":"Line","data":{"x1":153.35711985685765,"y1":101.9999111245247,"x2":150.4999769997148,"y2":101.9999111245247,"strokeWidth":1,"color":"#000"}},{"className":"Line","data":{"x1":150.4999769997148,"y1":101.9999111245247,"x2":147.64283414257193,"y2":101.28562541023899,"strokeWidth":1,"color":"#000"}},{"className":"Line","data":{"x1":151.92854842828623,"y1":103.42848255309613,"x2":151.92854842828623,"y2":111.9999111245247,"strokeWidth":1,"color":"#000"}},{"className":"Line","data":{"x1":151.92854842828623,"y1":111.9999111245247,"x2":139.78569128542907,"y2":116.9999111245247,"strokeWidth":1,"color":"#000"}},{"className":"Line","data":{"x1":153.35711985685765,"y1":111.9999111245247,"x2":161.92854842828623,"y2":115.57133969595328,"strokeWidth":1,"color":"#000"}},{"className":"Line","data":{"x1":145.4999769997148,"y1":101.28562541023899,"x2":129.07140557114337,"y2":111.9999111245247,"strokeWidth":1,"color":"#000"}},{"className":"Line","data":{"x1":129.07140557114337,"y1":111.9999111245247,"x2":129.07140557114337,"y2":115.57133969595328,"strokeWidth":1,"color":"#000"}},{"className":"Line","data":{"x1":129.07140557114337,"y1":115.57133969595328,"x2":144.78569128542907,"y2":123.42848255309613,"strokeWidth":1,"color":"#000"}},{"className":"Line","data":{"x1":144.78569128542907,"y1":123.42848255309613,"x2":151.2142627140005,"y2":124.85705398166756,"strokeWidth":1,"color":"#000"}},{"className":"Line","data":{"x1":151.2142627140005,"y1":124.85705398166756,"x2":158.35711985685765,"y2":124.85705398166756,"strokeWidth":1,"color":"#000"}},{"className":"Line","data":{"x1":158.35711985685765,"y1":124.85705398166756,"x2":167.64283414257193,"y2":116.9999111245247,"strokeWidth":1,"color":"#000"}},{"className":"Line","data":{"x1":167.64283414257193,"y1":116.9999111245247,"x2":169.07140557114337,"y2":112.71419683881042,"strokeWidth":1,"color":"#000"}},{"className":"Line","data":{"x1":169.07140557114337,"y1":112.71419683881042,"x2":167.64283414257193,"y2":109.85705398166756,"strokeWidth":1,"color":"#000"}},{"className":"Line","data":{"x1":167.64283414257193,"y1":109.85705398166756,"x2":156.2142627140005,"y2":101.28562541023899,"strokeWidth":1,"color":"#000"}},{"className":"Line","data":{"x1":144.07140557114337,"y1":115.57133969595328,"x2":145.4999769997148,"y2":121.28562541023899,"strokeWidth":1,"color":"#000"}},{"className":"Line","data":{"x1":145.4999769997148,"y1":121.28562541023899,"x2":145.4999769997148,"y2":126.9999111245247,"strokeWidth":1,"color":"#000"}},{"className":"Line","data":{"x1":145.4999769997148,"y1":126.9999111245247,"x2":144.07140557114337,"y2":132.7141968388104,"strokeWidth":1,"color":"#000"}},{"className":"Line","data":{"x1":144.07140557114337,"y1":132.7141968388104,"x2":144.78569128542907,"y2":124.14276826738185,"strokeWidth":1,"color":"#000"}},{"className":"Line","data":{"x1":144.78569128542907,"y1":124.14276826738185,"x2":142.64283414257193,"y2":116.9999111245247,"strokeWidth":1,"color":"#000"}},{"className":"Line","data":{"x1":159.78569128542907,"y1":115.57133969595328,"x2":161.2142627140005,"y2":122.71419683881042,"strokeWidth":1,"color":"#000"}},{"className":"Line","data":{"x1":161.2142627140005,"y1":122.71419683881042,"x2":161.2142627140005,"y2":127.71419683881042,"strokeWidth":1,"color":"#000"}},{"className":"Line","data":{"x1":161.2142627140005,"y1":127.71419683881042,"x2":159.78569128542907,"y2":131.285625410239,"strokeWidth":1,"color":"#000"}},{"className":"Line","data":{"x1":159.78569128542907,"y1":131.285625410239,"x2":159.78569128542907,"y2":121.9999111245247,"strokeWidth":1,"color":"#000"}},{"className":"Line","data":{"x1":159.78569128542907,"y1":121.9999111245247,"x2":157.64283414257193,"y2":114.14276826738185,"strokeWidth":1,"color":"#000"}},{"className":"Line","data":{"x1":158.35711985685765,"y1":89.14276826738184,"x2":164.7856912854291,"y2":86.28562541023898,"strokeWidth":1,"color":"#000"}},{"className":"Line","data":{"x1":164.7856912854291,"y1":86.28562541023898,"x2":168.35711985685765,"y2":88.42848255309612,"strokeWidth":1,"color":"#000"}},{"className":"Line","data":{"x1":168.35711985685765,"y1":88.42848255309612,"x2":169.07140557114337,"y2":89.14276826738184,"strokeWidth":1,"color":"#000"}},{"className":"Line","data":{"x1":131.2142627140005,"y1":88.42848255309612,"x2":136.2142627140005,"y2":86.28562541023898,"strokeWidth":1,"color":"#000"}},{"className":"Line","data":{"x1":136.2142627140005,"y1":86.28562541023898,"x2":143.35711985685765,"y2":88.42848255309612,"strokeWidth":1,"color":"#000"}},{"className":"LinePathShape","data":{"order":3,"tailSize":3,"points":{"size":3,"color":"#000","xys":"棜棛樆棚棙棘"}}},{"className":"LinePathShape","data":{"order":3,"tailSize":3,"points":{"size":3,"color":"#000","xys":"棴棳棳棲柅"}}},{"className":"Line","data":{"x1":126.21426271400051,"y1":86.28562541023898,"x2":121.92854842828622,"y2":101.28562541023899,"strokeWidth":1,"color":"#000"}},{"className":"Line","data":{"x1":121.92854842828622,"y1":101.28562541023899,"x2":117.64283414257194,"y2":106.28562541023899,"strokeWidth":1,"color":"#000"}},{"className":"Line","data":{"x1":117.64283414257194,"y1":106.28562541023899,"x2":117.64283414257194,"y2":114.14276826738185,"strokeWidth":1,"color":"#000"}},{"className":"Line","data":{"x1":117.64283414257194,"y1":114.14276826738185,"x2":130.4999769997148,"y2":116.28562541023899,"strokeWidth":1,"color":"#000"}},{"className":"Line","data":{"x1":168.35711985685765,"y1":84.85705398166755,"x2":172.64283414257193,"y2":101.28562541023899,"strokeWidth":1,"color":"#000"}},{"className":"Line","data":{"x1":172.64283414257193,"y1":101.28562541023899,"x2":176.2142627140005,"y2":109.14276826738185,"strokeWidth":1,"color":"#000"}},{"className":"Line","data":{"x1":176.2142627140005,"y1":109.14276826738185,"x2":176.2142627140005,"y2":114.85705398166756,"strokeWidth":1,"color":"#000"}},{"className":"Line","data":{"x1":175.4999769997148,"y1":115.57133969595328,"x2":169.07140557114337,"y2":117.71419683881042,"strokeWidth":1,"color":"#000"}},{"className":"Line","data":{"x1":155.4999769997148,"y1":74.14276826738184,"x2":162.64283414257193,"y2":32.7141968388104,"strokeWidth":1,"color":"#000"}},{"className":"Line","data":{"x1":162.64283414257193,"y1":32.7141968388104,"x2":176.2142627140005,"y2":24.857053981667548,"strokeWidth":1,"color":"#000"}},{"className":"Line","data":{"x1":176.2142627140005,"y1":24.857053981667548,"x2":186.2142627140005,"y2":24.857053981667548,"strokeWidth":1,"color":"#000"}},{"className":"Line","data":{"x1":186.2142627140005,"y1":24.857053981667548,"x2":212.64283414257193,"y2":54.85705398166755,"strokeWidth":1,"color":"#000"}},{"className":"Line","data":{"x1":212.64283414257193,"y1":54.85705398166755,"x2":211.2142627140005,"y2":61.28562541023898,"strokeWidth":1,"color":"#000"}},{"className":"Line","data":{"x1":211.2142627140005,"y1":61.28562541023898,"x2":206.2142627140005,"y2":65.57133969595327,"strokeWidth":1,"color":"#000"}},{"className":"Line","data":{"x1":206.2142627140005,"y1":65.57133969595327,"x2":200.4999769997148,"y2":64.85705398166755,"strokeWidth":1,"color":"#000"}},{"className":"Line","data":{"x1":200.4999769997148,"y1":64.85705398166755,"x2":181.2142627140005,"y2":34.14276826738183,"strokeWidth":1,"color":"#000"}},{"className":"Line","data":{"x1":181.2142627140005,"y1":34.14276826738183,"x2":174.7856912854291,"y2":35.57133969595326,"strokeWidth":1,"color":"#000"}},{"className":"Line","data":{"x1":174.7856912854291,"y1":35.57133969595326,"x2":169.07140557114337,"y2":39.14276826738183,"strokeWidth":1,"color":"#000"}},{"className":"Line","data":{"x1":169.7856912854291,"y1":39.85705398166755,"x2":161.2142627140005,"y2":76.28562541023898,"strokeWidth":1,"color":"#000"}},{"className":"Line","data":{"x1":141.2142627140005,"y1":75.57133969595327,"x2":129.07140557114337,"y2":31.285625410238975,"strokeWidth":1,"color":"#000"}},{"className":"Line","data":{"x1":129.07140557114337,"y1":31.285625410238975,"x2":116.21426271400051,"y2":25.571339695953263,"strokeWidth":1,"color":"#000"}},{"className":"Line","data":{"x1":116.21426271400051,"y1":25.571339695953263,"x2":106.92854842828622,"y2":29.142768267381832,"strokeWidth":1,"color":"#000"}},{"className":"Line","data":{"x1":106.92854842828622,"y1":29.142768267381832,"x2":91.21426271400051,"y2":55.57133969595326,"strokeWidth":1,"color":"#000"}},{"className":"Line","data":{"x1":91.21426271400051,"y1":55.57133969595326,"x2":91.92854842828622,"y2":61.999911124524694,"strokeWidth":1,"color":"#000"}},{"className":"Line","data":{"x1":91.92854842828622,"y1":61.999911124524694,"x2":95.49997699971479,"y2":66.99991112452469,"strokeWidth":1,"color":"#000"}},{"className":"Line","data":{"x1":95.49997699971479,"y1":66.99991112452469,"x2":101.21426271400051,"y2":67.71419683881041,"strokeWidth":1,"color":"#000"}},{"className":"Line","data":{"x1":101.21426271400051,"y1":67.71419683881041,"x2":103.35711985685765,"y2":64.85705398166755,"strokeWidth":1,"color":"#000"}},{"className":"Line","data":{"x1":103.35711985685765,"y1":64.85705398166755,"x2":112.64283414257194,"y2":37.7141968388104,"strokeWidth":1,"color":"#000"}},{"className":"Line","data":{"x1":112.64283414257194,"y1":37.7141968388104,"x2":115.49997699971479,"y2":36.28562541023898,"strokeWidth":1,"color":"#000"}},{"className":"Line","data":{"x1":115.49997699971479,"y1":36.28562541023898,"x2":119.78569128542908,"y2":35.57133969595326,"strokeWidth":1,"color":"#000"}},{"className":"Line","data":{"x1":119.78569128542908,"y1":35.57133969595326,"x2":121.92854842828622,"y2":36.999911124524694,"strokeWidth":1,"color":"#000"}},{"className":"Line","data":{"x1":121.92854842828622,"y1":36.999911124524694,"x2":135.4999769997148,"y2":77.71419683881041,"strokeWidth":1,"color":"#000"}},{"className":"Line","data":{"x1":138.35711985685765,"y1":66.28562541023898,"x2":144.07140557114337,"y2":59.85705398166755,"strokeWidth":1,"color":"#000"}},{"className":"Line","data":{"x1":144.07140557114337,"y1":59.85705398166755,"x2":150.4999769997148,"y2":59.85705398166755,"strokeWidth":1,"color":"#000"}},{"className":"Line","data":{"x1":150.4999769997148,"y1":59.85705398166755,"x2":155.4999769997148,"y2":63.428482553096124,"strokeWidth":1,"color":"#000"}},{"className":"Line","data":{"x1":163.35711985685765,"y1":68.42848255309612,"x2":168.35711985685765,"y2":83.42848255309612,"strokeWidth":1,"color":"#000"}},{"className":"Line","data":{"x1":132.64283414257193,"y1":69.85705398166755,"x2":126.92854842828622,"y2":85.57133969595327,"strokeWidth":1,"color":"#000"}},{"className":"LinePathShape","data":{"order":3,"tailSize":3,"points":{"size":1,"color":"#000","xys":"腱聅腱聄聂缔缔緦粹粷箋箊箉箉穜穛穚穚穙穘穖穕穓穒穐穏穋穉穈筰筯粖粔粒粐粏粏粎粍綹"}}},{"className":"LinePathShape","data":{"order":3,"tailSize":3,"points":{"size":1,"color":"#000","xys":"芜芛芚芙芘芘芗腩耻耸耶耵耴耲缅缅缄缃缁缀绿绾绾绽绻绺绹绷绶耞耝耝耛耙耘耗耖腁腀脿脿艪艩"}}},{"className":"LinePathShape","data":{"order":3,"tailSize":3,"points":{"size":1,"color":"#000","xys":"蘟蘟蘞蘝蘞蘝蘜蓰蓮蓮蓭莿莿芒莽莼莻莺莹莸莸莵莵莴莳莳莲莱莰莰莯莮莮蓗蓗蓕藿藾藾藽藼藺藹藸藷蜡蜠蜠衋衊衉衈衇衆衅襰襯襮襮襭襬襬誗誖誕"}}},{"className":"LinePathShape","data":{"order":3,"tailSize":3,"points":{"size":1,"color":"#000","xys":"膎聣聣缸縎糣糤箹窎窏祣砸眎眐璺璼玑玑牧牧焼焾瀓瀔瀔滪滫滫滭滮滯滰滰滱淇淉淋淋淌淍沢"}}},{"className":"LinePathShape","data":{"order":3,"tailSize":3,"points":{"size":1,"color":"#000","xys":"菤菥菥菦菧芺芻膑聧聨聨聩聫聫聬罂縙縛糱窠窤窥硒硒硓硔硕硕眪眫眫眬眭眮"}}},{"className":"LinePathShape","data":{"order":3,"tailSize":3,"points":{"size":1,"color":"#000","xys":"蔒菥芻芻膐聦聦缼縐縑糧糧糩箽箾窓窔窔窕窖祪础硁眖眗眗眘眚眚眛眜痱痲痳瓉瓉瓊瓌瓌瓍瓎瓎瓏玥玥玦玧玧玨玩玪玪玫玬"}}},{"className":"EraseLinePathShape","data":{"order":3,"tailSize":3,"points":{"size":10,"color":"#000","xys":"誔誕襪襫血衂"}}},{"className":"Line","data":{"x1":135.99312372846535,"y1":120.26873456791462,"x2":146.70740944275107,"y2":153.8401631393432,"strokeWidth":1,"color":"#000"}},{"className":"Line","data":{"x1":165.99312372846535,"y1":120.98302028220034,"x2":165.99312372846535,"y2":124.55444885362891,"strokeWidth":1,"color":"#000"}},{"className":"Line","data":{"x1":165.99312372846535,"y1":124.55444885362891,"x2":138.1359808713225,"y2":165.98302028220033,"strokeWidth":1,"color":"#000"}},{"className":"Line","data":{"x1":168.1359808713225,"y1":119.55444885362891,"x2":175.99312372846535,"y2":137.41159171077177,"strokeWidth":1,"color":"#000"}},{"className":"Line","data":{"x1":175.99312372846535,"y1":137.41159171077177,"x2":164.56455229989393,"y2":138.8401631393432,"strokeWidth":1,"color":"#000"}},{"className":"Line","data":{"x1":164.56455229989393,"y1":138.8401631393432,"x2":175.27883801417966,"y2":146.69730599648605,"strokeWidth":1,"color":"#000"}},{"className":"Line","data":{"x1":175.27883801417966,"y1":146.69730599648605,"x2":135.27883801417963,"y2":169.5544488536289,"strokeWidth":1,"color":"#000"}},{"className":"Line","data":{"x1":133.1359808713225,"y1":120.98302028220034,"x2":124.56455229989392,"y2":138.12587742505747,"strokeWidth":1,"color":"#000"}},{"className":"Line","data":{"x1":124.56455229989392,"y1":138.12587742505747,"x2":135.99312372846535,"y2":139.5544488536289,"strokeWidth":1,"color":"#000"}},{"className":"Line","data":{"x1":135.99312372846535,"y1":139.5544488536289,"x2":123.85026658560821,"y2":149.5544488536289,"strokeWidth":1,"color":"#000"}},{"className":"Line","data":{"x1":123.85026658560821,"y1":149.5544488536289,"x2":140.99312372846535,"y2":158.8401631393432,"strokeWidth":1,"color":"#000"}},{"className":"Line","data":{"x1":171.70740944275107,"y1":123.84016313934319,"x2":205.27883801417966,"y2":136.69730599648605,"strokeWidth":1,"color":"#000"}},{"className":"Line","data":{"x1":205.27883801417966,"y1":136.69730599648605,"x2":211.70740944275107,"y2":188.84016313934322,"strokeWidth":1,"color":"#000"}},{"className":"Line","data":{"x1":186.70740944275107,"y1":157.41159171077177,"x2":194.56455229989393,"y2":188.84016313934322,"strokeWidth":1,"color":"#000"}},{"className":"Line","data":{"x1":157.4216951570368,"y1":163.1258774250575,"x2":173.1359808713225,"y2":162.41159171077177,"strokeWidth":1,"color":"#000"}},{"className":"Line","data":{"x1":173.1359808713225,"y1":162.41159171077177,"x2":173.8502665856082,"y2":175.26873456791463,"strokeWidth":1,"color":"#000"}},{"className":"Line","data":{"x1":173.8502665856082,"y1":175.26873456791463,"x2":165.99312372846535,"y2":178.1258774250575,"strokeWidth":1,"color":"#000"}},{"className":"Line","data":{"x1":165.99312372846535,"y1":178.1258774250575,"x2":157.4216951570368,"y2":174.5544488536289,"strokeWidth":1,"color":"#000"}},{"className":"Line","data":{"x1":157.4216951570368,"y1":174.5544488536289,"x2":157.4216951570368,"y2":163.8401631393432,"strokeWidth":1,"color":"#000"}},{"className":"Line","data":{"x1":189.56455229989393,"y1":168.1258774250575,"x2":185.99312372846535,"y2":186.69730599648608,"strokeWidth":1,"color":"#000"}},{"className":"Line","data":{"x1":128.8502665856082,"y1":125.26873456791462,"x2":99.56455229989392,"y2":135.26873456791463,"strokeWidth":1,"color":"#000"}},{"className":"Line","data":{"x1":98.85026658560821,"y1":135.98302028220033,"x2":93.13598087132249,"y2":185.98302028220036,"strokeWidth":1,"color":"#000"}},{"className":"Line","data":{"x1":109.56455229989392,"y1":158.12587742505747,"x2":114.56455229989392,"y2":187.4115917107718,"strokeWidth":1,"color":"#000"}},{"className":"Line","data":{"x1":135.99312372846535,"y1":168.8401631393432,"x2":138.8502665856082,"y2":188.84016313934322,"strokeWidth":1,"color":"#000"}},{"className":"LinePathShape","data":{"order":3,"tailSize":3,"points":{"size":1,"color":"#000","xys":"죲죳죴죴쟈쟈죵쨢쭎쭎챹춤춤춣춢챵챵쭈쭇쭈쭉쨝쨞"}}},{"className":"TextShape","data":{"x":171.70740944275107,"y":74.5544488536289,"text":"又歧视我大IE","color":"#000","font":"14px \"Helvetica Neue\",Helvetica,Arial,sans-serif"}},{"className":"Line","data":{"x1":147.4216951570368,"y1":116.69730599648605,"x2":151.70740944275107,"y2":114.55444885362891,"strokeWidth":1,"color":"#000"}},{"className":"Line","data":{"x1":151.70740944275107,"y1":114.55444885362891,"x2":155.27883801417963,"y2":115.26873456791462,"strokeWidth":1,"color":"#000"}},{"className":"Line","data":{"x1":155.27883801417963,"y1":115.26873456791462,"x2":155.27883801417963,"y2":115.26873456791462,"strokeWidth":1,"color":"#000"}}],"colors":{"primary":"#000","secondary":"#fff","background":"white"}}[/draw][edit]2014-05-04 16:53:27.815086[/edit]
长沟流月去无声。
