需要瀏覽器支持html5用FileReader讀取本地文件，再用Image加載此文件并縮放繪制到canvas上最后canvasToDataURL取得縮放后文件的Base64編碼，將此編碼上傳到服務(wù)端，解碼為byte后，寫入文件。

1插入背景圖片有兩種方法，一種是用html的img標(biāo)簽，另一種是利用css的background標(biāo)簽插入具體操作是首先新建一個html文件，寫入兩個div，分別用來演示兩種方法插入標(biāo)簽2首先是用html標(biāo)簽插入圖片，這里直接在img標(biāo)簽中。

第三步設(shè)計一個你自己的圖標(biāo)你可以把網(wǎng)站的標(biāo)志做成縮略圖，或者設(shè)計一個與眾不同的圖案作為“最愛”的圖標(biāo)總之一定是你自己的，能很好的代表你網(wǎng)站的風(fēng)格和個性然后將這個圖標(biāo)文件命名為faviconico注意需要命名。

目前最常見的解決方案作為一般規(guī)則，你會在任何響應(yīng)式網(wǎng)站中發(fā)現(xiàn)以下CSS樣式1img 2maxwidth 100%3height auto4此代碼使用maxwidth100%的設(shè)置，以確保圖像永遠(yuǎn)不會超越其父容器的寬度如果父容器的寬度收縮小于。

1，輸入positionfixedtop0left0將整個div固定在屏幕的頂部和左側(cè)2輸入width100％height100％min－width1000px這個可以適合div的高度和寬度，而min－width是為了實現(xiàn)讓屏幕寬度在1000px以內(nèi)時。

thumbnail在美工用來具體表現(xiàn)布局方式表達(dá)大致相當(dāng)亦為效果圖及縮略圖，很小大約為3×4英寸，縮略了細(xì)節(jié)比較粗糙，是最基本的東西直線或水波紋表示正文的位置，方框表示圖形的位置然后，中選的小樣再進(jìn)一步發(fā)展以下舉。

可以參考chrome小樂圖客擴(kuò)展的截圖功能，支持粘貼剪貼板圖片拖拽圖片或者粘貼圖片網(wǎng)址上傳，是通過html5 file reader實現(xiàn)的。

style=#39width50%#39 這樣就會保持屏幕的50%的寬度如果有上級標(biāo)簽，比如ltdiv lt img src=#39aipg#39style=#39width50%#39 ltdiv 那圖片大小就是div寬度的50%，div沒有設(shè)置寬度就會默認(rèn)是屏幕寬度，如果設(shè)置。

方法給圖片設(shè)為backgroundimage，加上backgroundsize 100%。

1根據(jù)后端返回的圖片list，生成canvas畫布， 2把圖片畫到canvas里面，再根據(jù)后端返回的坐標(biāo)，在canvas里畫矩形框 此項目中，后端返回的坐標(biāo)是基于縮略圖的，但是前端渲染在頁面上的圖片，會按寬為788px來顯示。

人人秀rrxiu圖片功能使用方法介紹，使用人人秀h5頁面制作工具可以制作出會議邀請函生日賀卡品牌宣傳冊等打開人人秀，登錄進(jìn)入我的頁面1·點擊上方功能區(qū)圖片 2·點擊上傳圖標(biāo)，上傳圖片副編輯區(qū) 1·可以對。

準(zhǔn)備一張圖片，新建一個空白html文件 其中html文件內(nèi)容如下圖所示，html中包含了一張圖片，及對應(yīng)的描述段落 給html添加head標(biāo)簽，在標(biāo)簽中定義樣式ltstyle p border1px solid red img floatleft margin0 5px。

HTML網(wǎng)頁的開發(fā)中，需要對大小不一的屏幕兼容，使圖片在不同的設(shè)備中可以展示預(yù)期的效果自適應(yīng)屏幕的寬度，利用css中background屬性可以實現(xiàn) 工具材料 瀏覽器，文本編輯器 新建一個HTML文件，代碼如下圖 打開HTML文件所在。

應(yīng)用須知 它可能會消滅Flash 許多業(yè)內(nèi)人士表示，HTML將會最終代替多媒體框架，如Adobe的Flash，但是短期看來還不是時候HTML5估計到2014年才能逐步成熟，而且將現(xiàn)有應(yīng)用Flash的網(wǎng)絡(luò)開發(fā)完全轉(zhuǎn)向HTML5還需要一段時間盡管HTML5。

我們就拿微信的打飛機(jī)為例，首先把微信的安裝包下下來，apk文件，或者ipa文件，把后綴名改成rar，然后用winrar解壓出來ipa解壓后素材很好找，資源都放在一個目錄下，直接用縮略圖來找就能找到需要的圖片素材，有些是單獨一。

2鏈接電腦Mac21 先在手機(jī)Safari中打開你想調(diào)試的網(wǎng)頁，并用數(shù)據(jù)線連接到電腦我這里是Mac22 再在電腦上打開Safari點擊Develop菜單，就會看到如下圖所示點擊查看大圖23 點擊22中的網(wǎng)站名就會在。

排列首先要排列的四張照片放置到同一個文件夾中并打開電腦中運行html的軟件，其次點擊界面中的文件編輯欄選擇排列點擊浮點排列，最后在彈出的頁面中點擊四張圖片并將排列行數(shù)設(shè)定為兩行即可。

拖拽的過程就不說了，這里主要說一下如何在前端獲取到圖片的相關(guān)信息html5里有一個fileReader的全局變量，用來讀取本地文件，比如txt，img等，下面是一個簡單的代碼function checkFilefilesvar file = files0var。