建站
咨詢
售后
建站咨詢
新聞中心
這里有您想知道的互聯(lián)網(wǎng)營銷解決方案
創(chuàng)新互聯(lián)小程序教程：微信小程序APIcoordinates（Canvas坐標(biāo)系）
繪圖接口和方法
創(chuàng)新互聯(lián)服務(wù)項目包括嘉禾網(wǎng)站建設(shè)、嘉禾網(wǎng)站制作、嘉禾網(wǎng)頁制作以及嘉禾網(wǎng)絡(luò)營銷策劃等。多年來，我們專注于互聯(lián)網(wǎng)行業(yè)，利用自身積累的技術(shù)優(yōu)勢、行業(yè)經(jīng)驗、深度合作伙伴關(guān)系等，向廣大中小型企業(yè)、政府機構(gòu)等提供互聯(lián)網(wǎng)行業(yè)的解決方案，嘉禾網(wǎng)站推廣取得了明顯的社會效益與經(jīng)濟效益。目前，我們服務(wù)的客戶以成都為中心已經(jīng)輻射到嘉禾省份的部分城市，未來相信會繼續(xù)擴大服務(wù)區(qū)域并繼續(xù)獲得客戶的支持與信任！
Canvas 坐標(biāo)系
canvas 是在一個二維的網(wǎng)格當(dāng)中。
左上角的坐標(biāo)為(0, 0)。
在之前的章節(jié)，我們用了這個方法fillRect(0, 0, 150, 75)。
它的含義為：從左上角(0, 0)開始，畫一個150 x 75px 的矩形。
坐標(biāo)系例子：
我們可以在中加上一些事件，來觀測它的坐標(biāo)系
Coordinates: ({{x}}, {{y}})
Page({
data: {
x: 0,
y: 0,
hidden: true
},
start: function(e) {
this.setData({
hidden: false,
x: e.touches[0].x,
y: e.touches[0].y
})
},
move: function(e) {
this.setData({
x: e.touches[0].x,
y: e.touches[0].y
})
},
end: function(e) {
this.setData({
hidden: true
})
}
})
當(dāng)你把手指放到 canvas 中，就會在下邊顯示出觸碰點的坐標(biāo)：
繪圖接口和方法
標(biāo)題名稱：創(chuàng)新互聯(lián)小程序教程：微信小程序APIcoordinates（Canvas坐標(biāo)系）
新聞來源：http://m.fisionsoft.com.cn/article/dhcipgg.html
