欧美经典日韩精品_日韩高清亚洲日韩精品一区_日韩精品无码综合视频网_国产v亚洲v天堂?无码久久_中文字幕免费无码专区

千鋒教育-做有情懷、有良心、有品質的職業教育機構

當前位置：首頁  >  IT面試題  >  html5面試題  >  正文

場景題：繪制曲線

來源：千鋒教育
發布時間：2022-09-26 13:42:00
分享

　　題目內容：

　　場景：創建簡易的繪圖工具，實現控制畫布上的四個錨點的拖拽修改已經繪制的曲線圖，通過注釋實時顯示錨點的具體實時坐標，并通過反色清楚的顯示控制點的位置 要求：

場景題：繪制曲線

　　1. 創建一個512*512的canvas畫布

　　2. 在該畫布上任意創建四個錨點，使用貝塞爾曲線進行連接

　　3. 可在畫布上自由拖拽上面的錨點，從而實現貝塞爾曲線的聯動，每個點都有一個跟隨點移動的注釋(文字+箭頭)，說明該點的坐標

　　4.在此基礎上，實現一個黑白漸變色的背景，然后在錨點周圍20個像素內，將錨點所處的背景作反色，突出錨點的顯示

聲明：本站稿件版權均屬千鋒教育所有，未經許可不得擅自轉載。

上一篇

簡單談談微信小程序

下一篇

echarts是什么，怎么用

相關推薦

  • 小程序怎么獲取手機號 準備一個button組件, 將button組件open-type的值設置為getPhoneNumber，當用戶點擊并同意之后，可以通過 bindgetphonenumber事件回調獲取到動態令牌code; Page({ getPhoneNumber (e) { console.log(e.detail.code) } }) 接著把code傳到開發者后臺，并在開發者后臺調用微信后臺提供的phonenumber.getPhoneNumber接口
  • 小程序的兼容問題有哪些 - 1，ios下的zIndex層級問題，主要發生在iphone7和iphoneX下絕對定位必須有一個共同的父元素。　- 2，左右邊框不生效，當邊框的寬度設置為奇數的時候，可能會不生效。解決方法：將寬度設置為偶數的時候，在ios下就可以解決
  • 小程序嵌入H5頁面怎么做 - 解決方式 ：web-view webview 指向網頁的鏈接。可打開關聯的公眾號的文章，其它網頁需登錄小程序管理后臺配置業務域名。　- 具體實現步驟:　- 登陸小程序管理后臺, 配置服務器域名( h5頁面所在的域名 )　- 在小程序里面嵌入h5
  • 如果小程序版本更新了怎么通知用戶 當小程序發布新的版本后，用戶如果之前訪問過該小程序，通過已打開的小程序進入(未手動刪除)，則會彈出提示，提醒用戶更新新的版本。用戶點擊確定就可以自動重啟更新，點擊取消則關閉彈窗，不再更新. 核心步驟
  • 小程序生命周期 onReady生命周期函數　--監聽頁面初次渲染完成onShow生命周期函數　--監聽頁面顯示onHide生命周期函數　--監聽頁面隱藏onUnload生命周期函數　--監聽頁面卸載onPullDownRefresh頁面相關事件處理函數
  • echarts是什么，怎么用 echarts是一個基于JavaScript的開源可視化圖表庫，可以流暢的運行在PC和移動設備上，兼容絕大部分的瀏覽器(IE9/10/11，Chrome，Firefox，Safari等)，底層依賴矢量圖形庫ZRender，提供20 多種圖表和十幾種組件，支持Canvas、SVG雙引擎并能一鍵切換，讓移動端渲染更加流暢echarts源自百度