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

    
  



  

  

    

      

        
        當前位置：首頁
                 > 
        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源自百度
      
    • 
          
    
  
    
  
  


  
  



  
  
  
  
  
  
  
  



主站蜘蛛池模板：
国产AV一区二区三区无码野战|
亚洲一区二区三区写真|
一区二区三区人妻无码|
亚洲AV无码一区二区三区网址|
日韩精品免费一区二区三区
|
一区二区三区波多野结衣|
综合人妻久久一区二区精品|
国产一区二区视频免费|
99久久精品日本一区二区免费|
精品国产免费一区二区三区香蕉
|
国产成人av一区二区三区在线|
国产福利电影一区二区三区，免费久久久久久久精
|
夜夜爽一区二区三区精品|
无码人妻一区二区三区免费n鬼沢
无码人妻一区二区三区免费看
|
国产精品熟女一区二区|
国产在线第一区二区三区|
99无码人妻一区二区三区免费|
亚洲国产精品一区二区第四页|
竹菊影视欧美日韩一区二区三区四区五区|
精品欧洲av无码一区二区|
一区二区三区视频网站|
国产精品一区二区三区久久|
久久青青草原一区二区|
亚洲一区免费观看|
久久亚洲一区二区|
一区二区三区影院|
日本视频一区二区三区|
天码av无码一区二区三区四区|
精品国产一区二区三区久久狼|
中文字幕在线不卡一区二区
|
中文字幕一区二区人妻性色|
东京热无码av一区二区|
亚洲国产精品一区二区久久hs|
亚洲一区二区三区夜色|
2021国产精品一区二区在线|
国产人妖视频一区二区|
日韩免费无码一区二区三区|
无码福利一区二区三区|
国产福利一区二区|
岛国无码av不卡一区二区|
色精品一区二区三区|