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

    
  



  

  

    

      

        
        當前位置：首頁
                 > 
        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一区|
久久亚洲色一区二区三区|
国产精品亚洲不卡一区二区三区|
91亚洲一区二区在线观看不卡|
中文字幕一区二区三区精华液|
日本一区二区三区免费高清在线|
中文字幕一区一区三区|
亚洲一区二区影院|
久久99精品一区二区三区|
伊人久久精品无码av一区|
黄桃AV无码免费一区二区三区|
午夜肉伦伦影院久久精品免费看国产一区二区三区
|
波霸影院一区二区|
无码人妻精品一区二区三区9厂|
国精产品一区一区三区MBA下载|
亚洲天堂一区二区三区四区|
日韩一区二区三区无码影院|
91无码人妻精品一区二区三区L|
人妻体内射精一区二区三区|
国产91大片精品一区在线观看|
日韩一区二区在线视频|
国模极品一区二区三区|
国产在线观看一区二区三区四区
|
亚洲综合在线成人一区|
无码日韩精品一区二区三区免费|
无码午夜人妻一区二区三区不卡视频|
亚洲一区二区三区偷拍女厕
|
无码av不卡一区二区三区|
波多野结衣中文字幕一区
|
亚洲欧洲专线一区|
午夜视频一区二区|
一区二区高清视频在线观看|
天堂Aⅴ无码一区二区三区|
亚洲国产精品第一区二区|
麻豆一区二区免费播放网站|
福利电影一区二区|