2019-11-22zhaods閱讀(1197)贊(0)

最近做了一個(gè)用canvas合成海報(bào)圖片的移動(dòng)端項(xiàng)目，由于一點(diǎn)canvas基礎(chǔ)都沒有，所以去網(wǎng)上搜了一位前輩的demo，但是開發(fā)過程中遇到了很多問題，現(xiàn)將所遇問題及解決方法總結(jié)如下： 1、移動(dòng)端canvas項(xiàng)目適配全屏問題 　　問題描述：由于...

2019-11-22xiaoxiami閱讀(1007)贊(0)

svg的幾個(gè)小案例 最近經(jīng)常用到svg，閑的無聊的時(shí)候做了幾個(gè)簡(jiǎn)單的小例子，希望能幫到大家，svg會(huì)用了之后做動(dòng)畫和圖片都方便了好多，接下來就看看小例子吧??！ 1、例子一 css代碼 html, body { width: 100%; he...

2019-11-22zhaods閱讀(812)贊(0)

HTML5 是對(duì) HTML 標(biāo)準(zhǔn)的第五次修訂。其主要的目標(biāo)是將互聯(lián)網(wǎng)語義化，以便更好地被人類和機(jī)器閱讀，并同時(shí)提供更好地支持各種媒體的嵌入。HTML5 的語法是向后兼容的。 HTML5草案的前身名為 Web Applications 1.0...

2019-11-22zhaods閱讀(941)贊(0)

ngAnimate插件是做什么的？ ngAnimate插件如其名字一樣是為元素提供動(dòng)畫的。 怎么定義動(dòng)畫？ 第一步必須是引入插件 <script src="//cdn.bootcss.com/angular.js/1.3.2...

2019-11-22zhaods閱讀(2411)贊(0)

最近在做信開發(fā)時(shí)，發(fā)現(xiàn)<input type="file" />在IOS中可以拍照或從照片圖庫(kù)選擇，而Android系統(tǒng)則顯示資源管理器，無拍照選項(xiàng)，網(wǎng)上查找資料，改為<input type="...

2019-11-22zhaods閱讀(950)贊(0)

1.HTML5中的Canvas標(biāo)簽的創(chuàng)建 window.onload = function(){ createCanvas(); } function createCanvas(){ var canvas_width= 200, canva...

2019-11-22xiaoxiami閱讀(762)贊(0)

熟悉CSS的人都知道，CSS可以實(shí)現(xiàn)很多漂亮的動(dòng)畫，特別是它的在線功能，能夠幫助人們解決很多制作動(dòng)畫的效果。今天特別推薦一個(gè)在線CSS插件功能——cssanimate，這個(gè)最大的特色就是以圖形界面方式讓你輕易實(shí)現(xiàn)漂亮的CSS3動(dòng)畫效果，下面...

2019-11-22xiaoxiami閱讀(1067)贊(0)

這篇文章主要介紹了HTML5實(shí)現(xiàn)QQ聊天氣泡效果，用 HTML/CSS 做了個(gè)類似QQ的聊天氣泡，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下 今天自己用 HTML/CSS 做了個(gè)類似QQ的聊天氣泡，以下是效果圖： 以下說下關(guān)鍵地方的樣...

2019-11-22xiaoxiami閱讀(857)贊(0)

前 言 前端 　 AngularJS是為了克服HTML在構(gòu)建應(yīng)用上的不足而設(shè)計(jì)的。（引用百度百科） 　　AngularJS使用了不同的方法，它嘗試去補(bǔ)足HTML本身在構(gòu)建應(yīng)用方面的缺陷。AngularJS通過使用我們稱為指令(directi...

2019-11-22zhaods閱讀(944)贊(0)

自從HTML5誕生之后，就是開始建立了一個(gè)標(biāo)準(zhǔn)的原則，那就是所有的技術(shù)它必須是面向開放，并不能有專利的一個(gè)存在，在整個(gè)期間Opera捐獻(xiàn)了css技術(shù)，而google的話則是給開發(fā)者提供了視頻的webM，本文將帶大家來看看html5它是如何帶...