資訊專(zhuān)欄INFORMATION COLUMN
摘要：一段感悟在說(shuō)圖像映射之前先說(shuō)一段最近動(dòng)態(tài)。正題圖像映射指的是分割一塊圖像使得分割的每一部分都能多帶帶有一個(gè)鏈接地址。而且瀏覽器會(huì)忽略超過(guò)圖片界限的坐標(biāo)。
一段感悟
在說(shuō)圖像映射之前先說(shuō)一段最近動(dòng)態(tài)。最近稍稍的深入學(xué)了一段時(shí)間的htnl與css，應(yīng)該算是在打基礎(chǔ)，其實(shí)在打基礎(chǔ)之前我已經(jīng)學(xué)習(xí)了一段時(shí)間js，jquery，backbone，angularJs，當(dāng)時(shí)也知道要打好基礎(chǔ)在去學(xué)習(xí)其他內(nèi)容，但是卻并沒(méi)有真的認(rèn)真去執(zhí)行。直到后來(lái)學(xué)習(xí)的時(shí)候感覺(jué)自己太浮躁了，有點(diǎn)急于求成的感覺(jué)，那個(gè)時(shí)候終于靜下心來(lái)決定慢慢來(lái)，一步一步的走了。還是那幾個(gè)字：不急不躁，不快不慢。低頭做事，抬頭做人。空杯心態(tài)，繼續(xù)加油。好了，進(jìn)入正題。
正題圖像映射指的是分割一塊圖像使得分割的每一部分都能多帶帶有一個(gè)鏈接地址。
例子如下：
圖像映射
.jpg)
代碼解釋?zhuān)合扔胕mg引入一張圖片，然后使用map標(biāo)簽，map中設(shè)置的name屬性值就是img中的usemap屬性值。然后開(kāi)始分割圖片，使用area分割，area中有幾個(gè)屬性，一個(gè)是shap（指定分割的形狀），一個(gè)是coords（指定坐標(biāo)，這個(gè)坐標(biāo)指的是以圖片右上角為原點(diǎn)的直角坐標(biāo)軸上的坐標(biāo)，不同的react會(huì)有不同的coords值，比如上述代碼中的是rect和circle，（還有default，poly，讀者自己發(fā)掘）即矩形和圓形，其坐標(biāo)分別為矩形左上角的下x,y坐標(biāo)，右下角的下x,y坐標(biāo)。圓形的圓心坐標(biāo)，半徑大?。涣硗庖粋€(gè)屬性值就是href，即相應(yīng)分割快對(duì)應(yīng)的鏈接，這里需要注意的是如果area中的區(qū)域發(fā)生了重疊，會(huì)優(yōu)先使用最先規(guī)定的坐標(biāo)。而且瀏覽器會(huì)忽略超過(guò)圖片界限的坐標(biāo)。
結(jié)束有寫(xiě)錯(cuò)的地方希望各位多多指正，也請(qǐng)文明指正，轉(zhuǎn)載請(qǐng)說(shuō)明出處。謝謝各位能抽時(shí)間看完。
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/112755.html
摘要：一段感悟在說(shuō)圖像映射之前先說(shuō)一段最近動(dòng)態(tài)。正題圖像映射指的是分割一塊圖像使得分割的每一部分都能單獨(dú)有一個(gè)鏈接地址。而且瀏覽器會(huì)忽略超過(guò)圖片界限的坐標(biāo)。 一段感悟 在說(shuō)圖像映射之前先說(shuō)一段最近動(dòng)態(tài)。最近稍稍的深入學(xué)了一段時(shí)間的htnl與css，應(yīng)該算是在打基礎(chǔ)，其實(shí)在打基礎(chǔ)之前我已經(jīng)學(xué)習(xí)了一段時(shí)間js，jquery，backbone，angularJs，當(dāng)時(shí)也知道要打好基礎(chǔ)在去學(xué)習(xí)其他內(nèi)...
摘要：提高有了入門(mén)的基礎(chǔ)，開(kāi)始自學(xué)當(dāng)時(shí)流行的三大框架和。業(yè)余的時(shí)間，經(jīng)常在上閑逛，看一些博客或開(kāi)源的代碼。 最近有一位小伙伴通過(guò)公眾號(hào)給我留言， 我參加工作沒(méi)多久，看著圈里的技術(shù)大牛，特別羨慕，也渴望成為技術(shù)大牛，想讓您分享一下從小白到大牛是怎樣練成的，我該如何提高自己 首先，謝謝這位小伙伴的一直關(guān)注。其次，我并不是大牛，只是早搬了幾年的磚而已，不過(guò)可以分享一下我的Java開(kāi)發(fā)之路。 入門(mén) ...
摘要：寫(xiě)在前面每年這個(gè)時(shí)候又到了求職的旺季。求職前，我們都會(huì)花很多的時(shí)間在自己的技術(shù)水平提升筆面試的準(zhǔn)備之上，但往往卻忽略了找工作第一步所需要的一個(gè)嚴(yán)謹(jǐn)且靠譜的簡(jiǎn)歷。而程序員寫(xiě)簡(jiǎn)歷，第一步就是需要注意嚴(yán)謹(jǐn)而規(guī)范地使用各種技術(shù)詞匯。 ...
摘要：一些知識(shí)點(diǎn)有哪些方法方法前端從入門(mén)菜鳥(niǎo)到實(shí)踐老司機(jī)所需要的資料與指南合集前端掘金前端從入門(mén)菜鳥(niǎo)到實(shí)踐老司機(jī)所需要的資料與指南合集歸屬于筆者的前端入門(mén)與最佳實(shí)踐。 工欲善其事必先利其器-前端實(shí)習(xí)簡(jiǎn)歷篇 - 掘金 有幸認(rèn)識(shí)很多在大廠(chǎng)工作的學(xué)長(zhǎng)，在春招正式開(kāi)始前為我提供很多內(nèi)部推薦的機(jī)會(huì)，非常感謝他們對(duì)我的幫助?，F(xiàn)在就要去北京了，對(duì)第一份正式的實(shí)習(xí)工作也充滿(mǎn)期待，也希望把自己遇到的一些問(wèn)題和...
閱讀 881·2021-10-25 09:45
閱讀 3308·2021-09-22 14:58
閱讀 3862·2021-08-31 09:43
閱讀 928·2019-08-30 15:55
閱讀 930·2019-08-29 13:51
閱讀 1238·2019-08-29 13:02
閱讀 3495·2019-08-29 12:52
閱讀 1969·2019-08-26 13:27
