重庆幸运农场中奖金额|重庆幸运农场官网
MyException - 我的異常網
當前位置:我的異常網» Web前端 » 初學canvas,發現瀏覽器點染效果差異

初學canvas,發現瀏覽器點染效果差異

www.h0f1.com  網友分享于:2013-11-23  瀏覽:2次
初學canvas,發現瀏覽器渲染效果差異
/*------------------------------ITEYE  祈禱幸福原創,轉載請注明。------------------------------*/



嗯 簡單在canvas上畫了些圓和矩形以及文字,然后發現3個瀏覽器的渲染效果差異:

同樣都是半徑75px的圓和一樣的30px文字:


chrome(版本13):最差的。
鋸齒很明顯,這是偶第一次發現chrome還有倒數第一的情況。。有種換瀏覽器的沖動。。。T_T

看到空心的e你就懂了。。




opera(版本11):效果中等。
鋸齒是處理過的,不過細看還是有的。

同上,看到空心的e你就懂了。。





firefox(版本5):效果最好。
鋸齒全部處理過,模糊效果很不錯,看起來非常平滑舒服。空心文字也非常清晰,也是第一次發現火狐還有排名第一的東東。。。






以上僅以 canvas下75px圓和30px文字做參考。畫圓的代碼如下:




ctx.fillStyle = '#e37';
ctx.fillRect(0, 0, 150, 150);
ctx.translate(75, 75);
ctx.beginPath();
ctx.arc(0, 0, 60, 0, Math.PI*2,true);
ctx.clip();
var lingrad = ctx.createLinearGradient(0, -75, 0, 75);
lingrad.addColorStop(0, '#c2f');
lingrad.addColorStop(0.5, '#729');
lingrad.addColorStop(1, '#123');

ctx.fillStyle = lingrad;
ctx.fillRect(-75, -75, 150, 150);

ctx.fillStyle = 'cceecc';
ctx.fillRect(10, 10, 50, 50);
ctx.beginPath();
ctx.arc(-55, -5, 30, 0, Math.PI*2, true);
ctx.fill();



空心文字代碼如下:
ctx.textAlign = 'right';
ctx.textBaseline = 'bottom';
ctx.font = '30px Tahoma, Helvetica, Arial';
ctx.strokeText('hello! Canvas!', 250, 100);




/*------------------------------ITEYE  祈禱幸福原創,轉載請注明。------------------------------*/
1 樓 cuixiping 2012-09-13  
原來還有這個差別,記號了。

文章評論

每天工作4小時的程序員
每天工作4小時的程序員
10個調試和排錯的小建議
10個調試和排錯的小建議
為什么程序員都是夜貓子
為什么程序員都是夜貓子
如何成為一名黑客
如何成為一名黑客
親愛的項目經理,我恨你
親愛的項目經理,我恨你
程序猿的崛起——Growth Hacker
程序猿的崛起——Growth Hacker
Java程序員必看電影
Java程序員必看電影
我跳槽是因為他們的顯示器更大
我跳槽是因為他們的顯示器更大
旅行,寫作,編程
旅行,寫作,編程
編程語言是女人
編程語言是女人
老程序員的下場
老程序員的下場
聊聊HTTPS和SSL/TLS協議
聊聊HTTPS和SSL/TLS協議
“骯臟的”IT工作排行榜
“骯臟的”IT工作排行榜
程序員的鄙視鏈
程序員的鄙視鏈
我的丈夫是個程序員
我的丈夫是個程序員
科技史上最臭名昭著的13大罪犯
科技史上最臭名昭著的13大罪犯
程序員和編碼員之間的區別
程序員和編碼員之間的區別
當下全球最炙手可熱的八位少年創業者
當下全球最炙手可熱的八位少年創業者
初級 vs 高級開發者 哪個性價比更高?
初級 vs 高級開發者 哪個性價比更高?
什么才是優秀的用戶界面設計
什么才是優秀的用戶界面設計
總結2014中國互聯網十大段子
總結2014中國互聯網十大段子
程序員眼里IE瀏覽器是什么樣的
程序員眼里IE瀏覽器是什么樣的
寫給自己也寫給你 自己到底該何去何從
寫給自己也寫給你 自己到底該何去何從
10個幫程序員減壓放松的網站
10個幫程序員減壓放松的網站
做程序猿的老婆應該注意的一些事情
做程序猿的老婆應該注意的一些事情
Java 與 .NET 的平臺發展之爭
Java 與 .NET 的平臺發展之爭
老美怎么看待阿里赴美上市
老美怎么看待阿里赴美上市
團隊中“技術大拿”并非越多越好
團隊中“技術大拿”并非越多越好
鮮為人知的編程真相
鮮為人知的編程真相
5款最佳正則表達式編輯調試器
5款最佳正則表達式編輯調試器
 程序員的樣子
程序員的樣子
程序員最害怕的5件事 你中招了嗎?
程序員最害怕的5件事 你中招了嗎?
程序員的一天:一寸光陰一寸金
程序員的一天:一寸光陰一寸金
我是如何打敗拖延癥的
我是如何打敗拖延癥的
那些爭議最大的編程觀點
那些爭議最大的編程觀點
如何區分一個程序員是“老手“還是“新手“?
如何區分一個程序員是“老手“還是“新手“?
程序員應該關注的一些事兒
程序員應該關注的一些事兒
一個程序員的時間管理
一個程序員的時間管理
要嫁就嫁程序猿—錢多話少死的早
要嫁就嫁程序猿—錢多話少死的早
中美印日四國程序員比較
中美印日四國程序員比較
十大編程算法助程序員走上高手之路
十大編程算法助程序員走上高手之路
漫畫:程序員的工作
漫畫:程序員的工作
為啥Android手機總會越用越慢?
為啥Android手機總會越用越慢?
程序員都該閱讀的書
程序員都該閱讀的書
Web開發者需具備的8個好習慣
Web開發者需具備的8個好習慣
軟件開發程序錯誤異常ExceptionCopyright © 2009-2015 MyException 版權所有
重庆幸运农场中奖金额 中国委内瑞拉 俄罗斯手球比分直播 喜乐彩开奖号 仙境 超魔导士 挂机赚钱 重庆时时彩彩龙虎和 三分pk10骗局 百家樂的补牌规则图 塞车计划软件手机版的有哪些 德州扑克现金游戏 个人做的游戏怎么赚钱 群英会开奖直播 极限两期平特 ag平台玩老虎机 欢乐时光农场app下载 2017年双色球进5式分布图 最新棋牌游戏