真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆

成都創(chuàng)新互聯(lián)網(wǎng)站制作重慶分公司

canvas在繪圖時位置偏離怎么辦-創(chuàng)新互聯(lián)

這篇文章主要介紹了canvas在繪圖時位置偏離怎么辦，具有一定借鑒價值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

成都創(chuàng)新互聯(lián)公司網(wǎng)站建設提供從項目策劃、軟件開發(fā)，軟件安全維護、網(wǎng)站優(yōu)化(SEO)、網(wǎng)站分析、效果評估等整套的建站服務，主營業(yè)務為網(wǎng)站設計制作、成都網(wǎng)站制作，成都APP應用開發(fā)以傳統(tǒng)方式定制建設網(wǎng)站，并提供域名空間備案等一條龍服務，秉承以專業(yè)、用心的態(tài)度為用戶提供真誠的服務。成都創(chuàng)新互聯(lián)公司深信只要達到每一位用戶的要求，就會得到認可，從而選擇與我們長期合作。這樣，我們也可以走得更遠！

使用 canvas 繪圖時，指定的 div 大小一定不要超過該 div 所能獲得的較大范圍，否則繪制的點會跟實際位置發(fā)生偏離。

例如

 
 
 
Untitled 1 
 
.style1 { 
  font-size: x-small; 
} 
 

 
 
 
    
            
                    
            
    
                   var paint = false;         var start = false;         var canvas = document.getElementById("container");         canvas.width = 800;         canvas.height = 800;         var offsetY = canvas.offsetTop;         var offsetX = canvas.offsetLeft;         var y;         var x;         var context = canvas.getContext("2d");              function mousemove(e) {             if (paint == true){                 if (start == false){                     context.moveTo(0, 0);                     start = true;                 } else {                     context.moveTo(x, y);                 }                 x = e.pageX - offsetX;                 y = e.pageY - offsetY;                 context.lineTo(x, y);                 context.stroke();             }         }              function mousedown(event) {             paint = true;             console.log("down")         }              function mouseup(event) {             paint = false;             console.log("up")         }            

上例中可以正確的繪制線圖。

如果更改為：


            
                    
            
    

由于 canvas 所需 width 800px 無法滿足，因此繪制線圖時，與實際鼠標位置發(fā)生偏離。

感謝你能夠認真閱讀完這篇文章，希望小編分享的“canvas在繪圖時位置偏離怎么辦”這篇文章對大家有幫助，同時也希望大家多多支持創(chuàng)新互聯(lián)網(wǎng)站建設公司，，關注創(chuàng)新互聯(lián)行業(yè)資訊頻道，更多相關知識等著你來學習!


本文標題：canvas在繪圖時位置偏離怎么辦-創(chuàng)新互聯(lián)
地址分享：http://weahome.cn/article/gsgcs.html

其他資訊

在線咨詢

微信咨詢

電話咨詢

028-86922220（工作日）

18980820575（7×24）

提交需求

返回頂部