柚子快報(bào)激活碼778899分享：微信小程序 畫(huà)布canvas

http://yzkb.51969.com/

屬性說(shuō)明

屬性類(lèi)型默認(rèn)值必填說(shuō)明最低版本typestring否指定 canvas 類(lèi)型，支持 2d (2.9.0) 和 webgl (2.7.0)2.7.0canvas-idstring否canvas 組件的唯一標(biāo)識(shí)符，若指定了 type 則無(wú)需再指定該屬性1.0.0disable-scrollbooleanfalse否當(dāng)在 canvas 中移動(dòng)時(shí)且有綁定手勢(shì)事件時(shí)，禁止屏幕滾動(dòng)以及下拉刷新1.0.0bindtouchstarteventhandle否手指觸摸動(dòng)作開(kāi)始1.0.0bindtouchmoveeventhandle否手指觸摸后移動(dòng)1.0.0bindtouchendeventhandle否手指觸摸動(dòng)作結(jié)束1.0.0bindtouchcanceleventhandle否手指觸摸動(dòng)作被打斷，如來(lái)電提醒，彈窗1.0.0bindlongtapeventhandle否手指長(zhǎng)按 500ms 之后觸發(fā)，觸發(fā)了長(zhǎng)按事件后進(jìn)行移動(dòng)不會(huì)觸發(fā)屏幕的滾動(dòng)1.0.0binderroreventhandle否當(dāng)發(fā)生錯(cuò)誤時(shí)觸發(fā) error 事件，detail = {errMsg}

ug & Tip

tip：canvas 標(biāo)簽?zāi)J(rèn)寬度300px、高度150pxtip：同一頁(yè)面中的 canvas-id 不可重復(fù)，如果使用一個(gè)已經(jīng)出現(xiàn)過(guò)的 canvas-id，該 canvas 標(biāo)簽對(duì)應(yīng)的畫(huà)布將被隱藏并不再正常工作tip：請(qǐng)注意原生組件使用限制tip：開(kāi)發(fā)者工具中默認(rèn)關(guān)閉了 GPU 硬件加速，可在開(kāi)發(fā)者工具的設(shè)置中開(kāi)啟“硬件加速”提高 WebGL 的渲染性能tip: WebGL 支持通過(guò) getContext('webgl', { alpha: true }) 獲取透明背景的畫(huà)布tip: WebGL 暫不支持真機(jī)調(diào)試，建議使用真機(jī)預(yù)覽tip: Canvas 2D（新接口）需要顯式設(shè)置畫(huà)布寬高，默認(rèn)：300*150，最大：1365*1365bug: 避免設(shè)置過(guò)大的寬高，在安卓下會(huì)有crash的問(wèn)題tip: iOS 暫不支持 pointer-eventstip: 在 mac 或 windows 小程序下，若當(dāng)前組件所在的頁(yè)面或全局開(kāi)啟了?enablePassiveEvent?配置項(xiàng)，該內(nèi)置組件可能會(huì)出現(xiàn)非預(yù)期表現(xiàn)（詳情參考?enablePassiveEvent 文檔）

Canvas 2D 示例代碼

?

?

?

柚子快報(bào)激活碼778899分享：微信小程序 畫(huà)布canvas

http://yzkb.51969.com/

文章鏈接