1、4選擇它，并確定，然后你就會(huì)看到你的文字在圖片上面了，然后你就可以任意的在圖片上面輸入文字了略微復(fù)雜一點(diǎn)，插入一個(gè)文本框或表格來實(shí)現(xiàn)1調(diào)整好圖片的大小2在菜單欄，插入，文本框，在圖片上面畫框，然后就可以；用幾種圖片修改軟體可以新增，如window繪圖板，photoshop等等 選單欄插入文字框在圖片上面畫框輸入文字 點(diǎn)文字框右鍵設(shè)定文字框格式顏色與線條無確定 這就行了如果要合并圖片點(diǎn)；可以預(yù)留出img所占用的位置，這樣在圖片完全加載出來之前，就可以更完整地保留html的布局結(jié)構(gòu)如果頁面用到的圖片少，或者圖；我們都知道，在網(wǎng)站上插入圖片要用到html的img標(biāo)簽中的src屬性src即source來源的縮寫，也就是圖片的url或者說地址路徑；1首先當(dāng)然是要插入一張圖片啦，代碼如下lta href=quot#quot target=quot_blankquotltimg src=quotimages13pngquot width=quot240quot heigth=quot240quotlta 圖片路徑自己定義2定義一個(gè)層在圖片上這里要用到定位positionltdiv。

2、程序設(shè)計(jì)的思路HTML5可以把圖片整合到網(wǎng)頁中使用canvas元素可以在這個(gè)空白的畫布上填充線條，載入圖片文件，甚至動(dòng)畫效果；因?yàn)?imginput 都是自閉合標(biāo)簽，所以，無法簡單的讓 input 固定在 img 上 要想 input 把固定在 img 上，要運(yùn)用點(diǎn)小技巧，借助一個(gè) div 作為容器，然后，圖片沒有特殊要求不用動(dòng)，input 做絕對(duì)定位 htmlltdiv；可以使用css3中的rotate實(shí)現(xiàn) 實(shí)際的旋轉(zhuǎn)效果是這樣rotate中的 60deg 表示按最原始的位置，順時(shí)針旋轉(zhuǎn)60° w3school 里面有更詳細(xì)用法，可以2D旋轉(zhuǎn)3D旋轉(zhuǎn) 可以參考網(wǎng)頁鏈接 動(dòng)畫效果可以通過js改變r(jià)otate中傳入的值來實(shí)現(xiàn)；backgroundposition取值為“像素值” backgroundposition取值為像素值時(shí)backgroundposition取值為“關(guān)鍵字” 當(dāng)backgroundposition取值為關(guān)鍵字時(shí)。

3、GIF GIF圖片是擅長制作細(xì)節(jié)的小動(dòng)畫，位圖，優(yōu)勢(shì)在于 “體型”很小，可壓縮，制作成本低它以圖片的形態(tài)存在，適用于各種操作系統(tǒng)逐幀序列幀動(dòng)畫 逐幀動(dòng)畫即是利用一張等間距的動(dòng)畫分解逐幀圖片，由js腳本模擬編寫或是使用css3新屬性step制作而成視頻類動(dòng)畫 用視頻輸出會(huì)有非常特別的效果，具有很強(qiáng)的感染力大部分的H5案例都是用視頻套了一個(gè)H5的外殼加入一些交互操作；圖片使用原則效果一樣，用小的效果不一樣，用效簽來引入外部圖片，img標(biāo)簽是一個(gè)自結(jié)束標(biāo)簽img這種元素屬于替換元素塊。

4、屬性，就是添加圖片名而已，可你自己了上代碼 html，bodyheight 100%textalign；實(shí)現(xiàn)邏輯是這樣1，添加事件監(jiān)聽，比如說，鼠標(biāo)按下 做什么，滑動(dòng) 做什么，彈起做什么一般鼠標(biāo)事件都是判斷彈起的位置 2，判斷有效坐標(biāo)，在事件中判斷坐標(biāo)位置是否在圖片位置，也就是圖片在canvas的位置exsome codecanva；把個(gè)個(gè)圖標(biāo)的style里加上floatleft這樣就能在一行顯示了，通過margin或padding來調(diào)他們的距離；代碼中的文件可以替換任意你想要看到的圖片文件，HTML5，原來如此神奇程序在谷歌瀏覽器中測(cè)試通過千萬不要在本地嘗試運(yùn)行上。