IT技術互動交流平台

如何對Canvas裏的width與height進行設置

作者-__掌上娱乐彩票苹果版:whl  發布日期-|鲅鱼圈观澜天下:2018-11-13 08:57:00

  Canvas是HTML5裏最新增加的一個元素_-元旦贺卡手工制作图片,電腦用戶繪製圖形的時候用其進行操作會發現過程變得十分簡單快捷_-波多野结衣迅雷。下麵主要給大家對Canvas中設置width和height將會出現的問題進行詳細解答---淘宝店标多大,示例代碼也有給大家一一列出|湖南台最近的电视剧,有需要的朋友趕緊一起來學習吧!

  最近因為工作需要|-三中全会2014,所以就學了一下Html中的Canvas標簽|阜阳卫生局网。

  Canvas是HTML5新增的組件_|_许君浩博客,它就像一塊幕布|董小姐歌词,可以用JavaScript在上麵繪製各種圖表_||描写大自然的优美语句、動畫等_注册现金送彩票。

  沒有Canvas的年代|-小爸爸拍摄地点,繪圖隻能借助Flash插件實現_温州教科研网,頁麵不得不用JavaScript和Flash進行交互|-|好看的电影网站你懂的。有了Canvas-|_衡水热线欢迎你,我們就再也不需要Flash了__陈耀兴,直接使用JavaScript完成繪製|_|奢饰品。

  當我看了一下教程後|_|节日boss,自己寫了一個hello world的時候|--玄魔神变,麻煩事就出現了|-注册送377彩金。看下麵代碼|__阿鲁科尔沁绿源:

hello world代碼

  上麵代碼的意思|-花花公子成人网站,是要在一個width和height各為200px的canvas上畫一條直線|-|李乐伟,該直線的起點為(0,0)_|云鼎彩票诈骗,終點為(200,200);

  然而瀏覽器畫出來的圖像卻是-_腾讯迷你网页:

畫出來的圖像

  一看這圖~怎麼是這樣的斜度?不應該啊~本應該是一個對角線才對啊~~

  後來差了一下資料才知道-_-青浦人才,canvas標簽設置width和height的時候__财经郎眼 余额宝,有以下幾種方式和產生的後果-|fency豹纹烟:

產生的後果

  所以_|银河彩票wwwa18cc,通過上麵的資料便可知道其原因就是我上麵例子中代碼會讓canvas的寬高被拉伸了__雾里看花终隔一层,從而使得圖像跟預想的不一致的--|加盟制笔厂怎么样。

  現在我重寫了一份正確設置canvas寬高大小的代碼例子易盈彩票正规吗:

canvas寬高代碼例子

  結果_adsl密码终结者2005:

結果

  總結

  看到這裏相信大家都發現Canvas的好處了吧-|永盛彩票网是真的吗,想起以前用Flash插件導致的一堆麻煩事實在是一把辛酸淚_-|n0470,可以說Canvas的出現一定程度上解放了大家的雙手|--吴碧云,不再再花費大量的時間來操作了__04428藏宝阁玄机资料2。如果大家對上麵的講解還有疑問的話可以留言||106官网彩票是真是假,小編會和大家一起討論解決的-_掌信彩导师。

延伸閱讀_|计一彪女儿:

Tag標簽__|q币购物券: Canvas_|蕙兰凝胶,width與height設置  
  • 專題推薦

  • Windows7係統入門 優化 技巧技術專題
  • Windows7係統專題 無論是升級操作係統--诺基亚oro、資料備份__阿提查 春那侬、加強資料的安全及管...... 詳細
About IT165 - 廣告服務 - 隱私聲明 - 版權申明 - 免責條款 - 網站地圖 - 網友投稿 - 聯係方式
本站內容來自於互聯網,僅供用於網絡技術學習,學習中請遵循相關法律法規
福德正神彩票幸运飞艇福德正神彩票9号彩票一品彩票大地彩票

免责声明: 本站资料及图片来源互联网文章,本网不承担任何由内容信息所引起的争议和法律责任。所有作品版权归原创作者所有,与本站立场无关,如用户分享不慎侵犯了您的权益,请联系我们告知,我们将做删除处理!