千鋒教育-做有情懷、有良心、有品質(zhì)的職業(yè)教育機(jī)構(gòu)

當(dāng)前位置:首頁(yè)  >  IT面試題  >  html5面試題  >  正文

場(chǎng)景題:繪制曲線

來(lái)源:千鋒教育
發(fā)布時(shí)間:2022-09-26 13:42:00
分享

  題目?jī)?nèi)容:

  場(chǎng)景:創(chuàng)建簡(jiǎn)易的繪圖工具,實(shí)現(xiàn)控制畫(huà)布上的四個(gè)錨點(diǎn)的拖拽修改已經(jīng)繪制的曲線圖,通過(guò)注釋實(shí)時(shí)顯示錨點(diǎn)的具體實(shí)時(shí)坐標(biāo),并通過(guò)反色清楚的顯示控制點(diǎn)的位置 要求:

場(chǎng)景題:繪制曲線

  1. 創(chuàng)建一個(gè)512*512的canvas畫(huà)布

  2. 在該畫(huà)布上任意創(chuàng)建四個(gè)錨點(diǎn),使用貝塞爾曲線進(jìn)行連接

  3. 可在畫(huà)布上自由拖拽上面的錨點(diǎn),從而實(shí)現(xiàn)貝塞爾曲線的聯(lián)動(dòng),每個(gè)點(diǎn)都有一個(gè)跟隨點(diǎn)移動(dòng)的注釋(文字+箭頭),說(shuō)明該點(diǎn)的坐標(biāo)

  4.在此基礎(chǔ)上,實(shí)現(xiàn)一個(gè)黑白漸變色的背景,然后在錨點(diǎn)周圍20個(gè)像素內(nèi),將錨點(diǎn)所處的背景作反色,突出錨點(diǎn)的顯示

聲明:本站稿件版權(quán)均屬千鋒教育所有,未經(jīng)許可不得擅自轉(zhuǎn)載。

學(xué)習(xí)資源站

  • 免費(fèi)全套視頻教程
  • 企業(yè)實(shí)戰(zhàn)項(xiàng)目源碼
  • 大廠筆試真題題庫(kù)
  • 行業(yè)前瞻發(fā)展趨勢(shì)

相關(guān)推薦

  • 小程序怎么獲取手機(jī)號(hào) 準(zhǔn)備一個(gè)button組件, 將button組件open-type的值設(shè)置為getPhoneNumber,當(dāng)用戶點(diǎn)擊并同意之后,可以通過(guò) bindgetphonenumber事件回調(diào)獲取到動(dòng)態(tài)令牌code; Page({ getPhoneNumber (e) { console.log(e.detail.code) } }) 接著把code傳到開(kāi)發(fā)者后臺(tái),并在開(kāi)發(fā)者后臺(tái)調(diào)用微信后臺(tái)提供的phonenumber.getPhoneNumber接口
  • 小程序的兼容問(wèn)題有哪些 - 1,ios下的zIndex層級(jí)問(wèn)題,主要發(fā)生在iphone7和iphoneX下絕對(duì)定位必須有一個(gè)共同的父元素。 - 2,左右邊框不生效,當(dāng)邊框的寬度設(shè)置為奇數(shù)的時(shí)候,可能會(huì)不生效。解決方法:將寬度設(shè)置為偶數(shù)的時(shí)候,在ios下就可以解決
  • 小程序嵌入H5頁(yè)面怎么做 - 解決方式 :web-view webview 指向網(wǎng)頁(yè)的鏈接。可打開(kāi)關(guān)聯(lián)的公眾號(hào)的文章,其它網(wǎng)頁(yè)需登錄小程序管理后臺(tái)配置業(yè)務(wù)域名。 - 具體實(shí)現(xiàn)步驟: - 登陸小程序管理后臺(tái), 配置服務(wù)器域名( h5頁(yè)面所在的域名 ) - 在小程序里面嵌入h5
  • 如果小程序版本更新了怎么通知用戶 當(dāng)小程序發(fā)布新的版本后,用戶如果之前訪問(wèn)過(guò)該小程序,通過(guò)已打開(kāi)的小程序進(jìn)入(未手動(dòng)刪除),則會(huì)彈出提示,提醒用戶更新新的版本。用戶點(diǎn)擊確定就可以自動(dòng)重啟更新,點(diǎn)擊取消則關(guān)閉彈窗,不再更新. 核心步驟
  • 小程序生命周期 onReady生命周期函數(shù) --監(jiān)聽(tīng)頁(yè)面初次渲染完成onShow生命周期函數(shù) --監(jiān)聽(tīng)頁(yè)面顯示onHide生命周期函數(shù) --監(jiān)聽(tīng)頁(yè)面隱藏onUnload生命周期函數(shù) --監(jiān)聽(tīng)頁(yè)面卸載onPullDownRefresh頁(yè)面相關(guān)事件處理函數(shù)
  • echarts是什么,怎么用 echarts是一個(gè)基于JavaScript的開(kāi)源可視化圖表庫(kù),可以流暢的運(yùn)行在PC和移動(dòng)設(shè)備上,兼容絕大部分的瀏覽器(IE9/10/11,Chrome,F(xiàn)irefox,Safari等),底層依賴矢量圖形庫(kù)ZRender,提供20 多種圖表和十幾種組件,支持Canvas、SVG雙引擎并能一鍵切換,讓移動(dòng)端渲染更加流暢echarts源自百度
  • 主站蜘蛛池模板: 日韩精品电影一区亚洲| 精品综合一区二区三区| 国产成人AV区一区二区三| 国产福利电影一区二区三区,免费久久久久久久精 | 国产一区二区三区小向美奈子| 国产精品久久久久久麻豆一区| 尤物精品视频一区二区三区 | 91在线看片一区国产| 亚洲日韩激情无码一区| 日韩爆乳一区二区无码| 无码人妻一区二区三区免费视频| 久久99精品国产一区二区三区| 蜜桃传媒一区二区亚洲AV| 亚洲AⅤ无码一区二区三区在线| 国产av熟女一区二区三区| 日韩视频在线一区| 97久久精品无码一区二区天美| 最美女人体内射精一区二区| 国产精品一区二区综合| 91精品乱码一区二区三区| 国产伦精品一区二区三区| 黑人大战亚洲人精品一区| 波霸影院一区二区| 日韩有码一区二区| 视频一区二区三区在线观看| 国产福利一区二区| 一区二区三区四区在线播放| 日韩在线一区二区三区免费视频| 国产精品综合一区二区| 日本韩国一区二区三区| 日本一区二区三区在线看 | 国产91久久精品一区二区| 精品一区二区三区高清免费观看| 一区二区三区观看| 一区五十路在线中出| 国产亚洲综合一区二区三区| 亚洲片一区二区三区| 久久免费国产精品一区二区| 久久久久人妻一区精品果冻| 亚洲综合av永久无码精品一区二区 | 尤物精品视频一区二区三区 |