2019-11-22 zhaods 閱讀(1094) 贊(0 )
最近做了一個(gè)用canvas合成海報(bào)圖片的移動(dòng)端項(xiàng)目,由于一點(diǎn)canvas基礎(chǔ)都沒(méi)有,所以去網(wǎng)上搜了一位前輩的demo,但是開(kāi)發(fā)過(guò)程中遇到了很多問(wèn)題,現(xiàn)將所遇問(wèn)題及解決方法總結(jié)如下: 1、移動(dòng)端canvas項(xiàng)目適配全屏問(wèn)題 問(wèn)題描述:由于...
2019-11-22 xiaoxiami 閱讀(953) 贊(0 )
svg的幾個(gè)小案例 最近經(jīng)常用到svg,閑的無(wú)聊的時(shí)候做了幾個(gè)簡(jiǎn)單的小例子,希望能幫到大家,svg會(huì)用了之后做動(dòng)畫(huà)和圖片都方便了好多,接下來(lái)就看看小例子吧!! 1、例子一 css代碼 html, body { width: 100%; he...
2019-11-22 zhaods 閱讀(752) 贊(0 )
HTML5 是對(duì) HTML 標(biāo)準(zhǔn)的第五次修訂。其主要的目標(biāo)是將互聯(lián)網(wǎng)語(yǔ)義化,以便更好地被人類(lèi)和機(jī)器閱讀,并同時(shí)提供更好地支持各種媒體的嵌入。HTML5 的語(yǔ)法是向后兼容的。 HTML5草案的前身名為 Web Applications 1.0...
2019-11-22 zhaods 閱讀(851) 贊(0 )
ngAnimate插件是做什么的? ngAnimate插件如其名字一樣是為元素提供動(dòng)畫(huà)的。 怎么定義動(dòng)畫(huà)? 第一步必須是引入插件 <script src="//cdn.bootcss.com/angular.js/1.3.2...
2019-11-22 zhaods 閱讀(2318) 贊(0 )
最近在做信開(kāi)發(fā)時(shí),發(fā)現(xiàn)<input type="file" />在IOS中可以拍照或從照片圖庫(kù)選擇,而Android系統(tǒng)則顯示資源管理器,無(wú)拍照選項(xiàng),網(wǎng)上查找資料,改為<input type="...
2019-11-22 zhaods 閱讀(881) 贊(0 )
1.HTML5中的Canvas標(biāo)簽的創(chuàng)建 window.onload = function(){ createCanvas(); } function createCanvas(){ var canvas_width= 200, canva...
2019-11-22 xiaoxiami 閱讀(714) 贊(0 )
熟悉CSS的人都知道,CSS可以實(shí)現(xiàn)很多漂亮的動(dòng)畫(huà),特別是它的在線功能,能夠幫助人們解決很多制作動(dòng)畫(huà)的效果。今天特別推薦一個(gè)在線CSS插件功能——cssanimate,這個(gè)最大的特色就是以圖形界面方式讓你輕易實(shí)現(xiàn)漂亮的CSS3動(dòng)畫(huà)效果,下面...
2019-11-22 xiaoxiami 閱讀(1028) 贊(0 )
這篇文章主要介紹了HTML5實(shí)現(xiàn)QQ聊天氣泡效果,用 HTML/CSS 做了個(gè)類(lèi)似QQ的聊天氣泡,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下 今天自己用 HTML/CSS 做了個(gè)類(lèi)似QQ的聊天氣泡,以下是效果圖: 以下說(shuō)下關(guān)鍵地方的樣...
2019-11-22 xiaoxiami 閱讀(756) 贊(0 )
前 言 前端 AngularJS是為了克服HTML在構(gòu)建應(yīng)用上的不足而設(shè)計(jì)的。(引用百度百科) AngularJS使用了不同的方法,它嘗試去補(bǔ)足HTML本身在構(gòu)建應(yīng)用方面的缺陷。AngularJS通過(guò)使用我們稱為指令(directi...
2019-11-22 zhaods 閱讀(895) 贊(0 )
自從HTML5誕生之后,就是開(kāi)始建立了一個(gè)標(biāo)準(zhǔn)的原則,那就是所有的技術(shù)它必須是面向開(kāi)放,并不能有專(zhuān)利的一個(gè)存在,在整個(gè)期間Opera捐獻(xiàn)了css技術(shù),而google的話則是給開(kāi)發(fā)者提供了視頻的webM,本文將帶大家來(lái)看看html5它是如何帶...