效果圖那這個有什麼用呢。。需求是選中的某個區域然後給它新增注釋。還可以有其他用處。那這個是怎麼做到的呢 。。首先我說下基本的思路
——-> 作為乙個背景。然後上面是一層canvas 以及最上面生成的view
因為只是乙個demo 所以寫法上就沒有樣式分離了。。下面是布局的**
class="container">
src=""
style="width:100%;height:100%;position:absolute;left:0px;">
image>
canvas-id="identify"
bindtouchstart="touchstart"
bindtouchmove="touchmove"
bindtouchend="touchend"
bindtouchcancel="touchcancel"
style="left:0px;position:absolute;height:100%;width:100%;"/>
view>
style="width:
}rpx;height:
}rpx;border:5rpx solid #00f;position:absolute;left:
}rpx;top:
}rpx;"
wx:for="}"
wx:key="}"
bindtouchstart="viewtouchstart"
bindtouchmove="viewtouchmove"
bindtouchend="viewtouchend"
data-id="
}" >
}view>
view>
微信小程式新增乙個隨機食譜的功能
此應用的技術思路就是通過時間的不同，隨機生成乙個偽隨機數，再通過這個偽隨機數從已有的數列中選擇相應的食譜。index.wxml部分的 和注釋如下 部分的 今天吃什麼 作為觸發的按鈕 用以顯示隨機的食譜 清除食譜 清除顯示的內容，便於下次觸發 index.js部分的 和注釋如下 page hasuse...
微信小程式評分功能（一）
很多做過電商專案的朋友會經常用到評分的功能，我這裡正好寫了乙個例子，發出來分享一下 我寫的是5分滿分制的，首先，準備3個，像這樣的，分別代表分數為0，0.5，1 時的狀態。效果圖 以3.5為例 然後上 js function pingfenxing pingfen nums 這裡是返回排列的順序的陣...
第乙個微信小程式
官方文件 相關原始碼 2.wxml支援以下這些特性 4.沒有雙向繫結。在vue裡面，乙個vue例項就是乙個view model view層對資料的更新，會實時反饋到model model的更新，也會實時反饋的到view。在小程式裡面，沒有雙向繫結，view的更新不會直接同步到model 需要在相關事...