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

    
  



  

  

    

      

        
        當前位置：首頁
                 > 
        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无码一区东京热久久|
国产精品第一区揄拍|
精品视频一区二区观看|
亚洲色无码一区二区三区|
亚洲电影唐人社一区二区|
国产乱码精品一区二区三区|
国产激情无码一区二区三区|
在线精品国产一区二区|
无码一区二区三区亚洲人妻|
中文字幕VA一区二区三区|
日韩一区二区三区四区不卡|
538国产精品一区二区在线|
91视频一区二区|
一区二区三区福利视频|
精品一区精品二区制服|
亚洲AV无码一区二区三区在线观看|
午夜影视日本亚洲欧洲精品一区
|
日韩一区二区三区视频久久|
一区二区视频在线观看|
日韩在线一区二区三区免费视频|
天堂国产一区二区三区|
亚洲国产精品一区二区九九|
亚洲AV无码一区二区一二区|
国产丝袜美女一区二区三区|