一通過(guò)css樣式中的 quothoverquot實(shí)現(xiàn)，代碼如下 lt！DOCTYPE htmllthtml lang=quotenquotltheadltmeta charset=quotUTF8quotlttitleDocumentlttitleltstyledivbackgroundredwidth200pxheight200pxdivhoverbackground；第一使用方法1調(diào)用lanrenzhijiacss樣式 2將你需要放大的圖片，按照?qǐng)D中代碼的格式書寫 3調(diào)用三個(gè)js，并指定你需要放大的圖片a標(biāo)簽的id即可 第二使用方法。

新建一個(gè)HTML文件，代碼如下圖 打開HTML文件所在的文件夾，雙擊文件，跳轉(zhuǎn)到瀏覽器 改變?yōu)g覽器大小，發(fā)現(xiàn)圖片沒(méi)有變化，顯示不全 在所在文件夾下，新建一個(gè)樣式文件，命名為 autocss，代碼如下 在HTML文件中加上對(duì)樣式文件；很難精確控制，除非這一點(diǎn)是正好位于視口中心點(diǎn)，建議先1，整體移動(dòng)3D模型，使鼠標(biāo)雙擊點(diǎn)位于視口中心 2，放大 3，執(zhí)行第一步的相反的操作。

制作圖片的放大效果我考慮到的方法是將原始圖片繪制到canvas上，然后在對(duì)canvas進(jìn)行局部裁剪最后對(duì)裁剪的部分進(jìn)行放大，這樣就可以實(shí)現(xiàn)放大鏡的效果這里我給出一個(gè)實(shí)現(xiàn)這個(gè)想法的示例該示例實(shí)際上就是運(yùn)用HTML5 canvas中對(duì)畫；3輸入backgroundsize coverwebkitbackgroundsize coverobackgroundsize cover使圖片隨屏幕大小同步縮放，但是有部分可能會(huì)被裁切，不過(guò)不至于會(huì)露白，下面兩句是為chrome和opera瀏覽器作兼容4輸入back。

在 HTML5 中，任何元素都能可以進(jìn)行拖放，所以接下來(lái)在文章中將通過(guò)實(shí)例詳細(xì)告訴大家如何實(shí)現(xiàn)拖動(dòng)效果拖放效果所需的知識(shí)點(diǎn)draggable 規(guī)定元素是否可拖動(dòng)，一般情況下鏈接和圖片默認(rèn)是可拖動(dòng)的true規(guī)定元素是可拖動(dòng)的；這其實(shí)和 Dreamweaver 沒(méi)多大關(guān)系，因?yàn)樗皇且粋€(gè)工具我們需要的是技術(shù)有三種方法一種是先做兩張同尺寸圖片，其中一張的內(nèi)容被壓小，周邊留白在網(wǎng)頁(yè)中插入一個(gè)鏈接，把它撐大，鏈接屬性中有一般背景和鼠標(biāo)效果。

html點(diǎn)擊圖片放大預(yù)覽

1、maximumscale=2 表示頁(yè)面最大放大2倍，這樣你只要雙擊圖片就可以實(shí)現(xiàn)放大了，如果是要js來(lái)實(shí)現(xiàn)的話 那就得寫拖動(dòng)插件了 原理先改變圖片那個(gè)div的寬度為2倍然后定義那個(gè)div為絕對(duì)定位，這個(gè)div可以拖動(dòng)需要js來(lái)監(jiān)聽。

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

3、引一個(gè)jquery文件，圖片地址替換一下就可以了。

4、#p#副標(biāo)題#e#新的解決方案是HTML5一個(gè)新的元素如果元素與當(dāng)前的和元素協(xié)同合作將大大增強(qiáng)響應(yīng)式圖像的工作進(jìn)程它允許你放置多個(gè)source標(biāo)簽，以指定不同的圖像文件名，進(jìn)而根據(jù)不同的條件進(jìn)行加載它可以讓你根據(jù)以下。

html圖片放大div不變

lt！doctype html lthtml ltheadlthead ltbody ltcanvas id=quotcanvasquot width=quot500quot height=quot500quot style = quotborder1px solid redquotltcanvas ltscript var rect=x100，y100，w40，h20定義要畫的。

HTML5前端的選擇器一般有js選擇器和css選擇器 其中css選擇器上面的網(wǎng)友回答的很全面了使用pimg就可以了js選擇器一般使用jquery選擇器，而jquery選擇器可以通過(guò)id或者class樣式或者元素類型進(jìn)行選擇，子選擇器可以用find或者。

光有meta頭是不夠的，圖片表格等等任意一個(gè)自定義寬或者自動(dòng)寬的元素都可以把你的界面撐開，如果簡(jiǎn)單點(diǎn)處理，可以強(qiáng)制給img和table標(biāo)簽加maxwidth100%處理，html標(biāo)簽加width100%overflowhidden。

我覺(jué)得吧，你要先把每個(gè)地圖形狀都裁剪成單獨(dú)的圖片，然后用canvas才繪制每個(gè)圖片，然后在晉城放大等操作。