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

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

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

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

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

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

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

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

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

  3. 可在畫布上自由拖拽上面的錨點(diǎn),從而實(shí)現(xiàn)貝塞爾曲線的聯(lián)動(dòng),每個(gè)點(diǎn)都有一個(gè)跟隨點(diǎn)移動(dòng)的注釋(文字+箭頭),說明該點(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)目源碼
  • 大廠筆試真題題庫
  • 行業(yè)前瞻發(fā)展趨勢(shì)

相關(guān)推薦

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