【微信小程序】使用canvas制作在线画板，清除与保存

最新推荐文章于 2024-04-01 17:33:16 发布

VIP文章神创

最新推荐文章于 2024-04-01 17:33:16 发布

阅读量4.1k

点赞数

分类专栏：微信小程序

本文链接：https://blog.csdn.net/qq_19741181/article/details/104505264

版权

参考：微信小程序实现在线画板https://blog.csdn.net/IT_czh/article/details/84623110

wxml

<!--index.wxml-->
<!-- 弹出框 -->
<view class='alert' hidden='{
  {alertShow}}' bindtap="alertClick">
<!-- catchtap 阻止冒泡事件 -->
  <view class="alert-main" catchtap='qwe'>
    <form bindsubmit='fabuProject'>
      <view class="timu qwe">
        <view>题目：</view>
        <input type="text" name="name" placeholder='1-6个字（例：中国）'/>
      </view>
      <view class="tishi qwe">
        <view>提示：</view>
        <input type="text" name="notice" placeholder='1-10个字（例：国家）'/>
      </view>
      <view class='form-btn qwe'>
        <button form-type='submit'>提交</button>
        <button form-type='reset'>重置</button>
      </view>
    </form> 
  </view>
</view>
<!-- 内容主题 -->
<view class="container">
 
  <!-- 绘图区域 -->
  <view class="canvas">
    <can