千鋒教育-做有情懷、有良心、有品質(zhì)的職業(yè)教育機(jī)構(gòu)
題目?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)的位置 要求:
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)的顯示
下一篇
echarts是什么,怎么用相關(guān)推薦