本人第一次發(fā)博客，用意在于記錄自己在開發(fā)過程中用到的實用工具并分享出來，寫的可能不好，請大家多多包涵?。。?/span>

在伊春等地區(qū)，都構(gòu)建了全面的區(qū)域性戰(zhàn)略布局，加強(qiáng)發(fā)展的系統(tǒng)性、市場前瞻性、產(chǎn)品創(chuàng)新能力，以專注、極致的服務(wù)理念，為客戶提供網(wǎng)站設(shè)計、成都網(wǎng)站設(shè)計 網(wǎng)站設(shè)計制作按需網(wǎng)站設(shè)計,公司網(wǎng)站建設(shè),企業(yè)網(wǎng)站建設(shè),品牌網(wǎng)站設(shè)計,成都全網(wǎng)營銷推廣,成都外貿(mào)網(wǎng)站建設(shè),伊春網(wǎng)站建設(shè)費(fèi)用合理。

工具官網(wǎng)：https://www.zwibbler.com

基于Canvas的一個前端繪畫工具。具體功能本人暫未深究。主要在項目中的應(yīng)用場景如下：

1.將Canvas畫板植入前端

2.用戶可通過左側(cè)的畫筆選項工具選擇畫筆在畫板上繪圖

3.繪圖完成后點(diǎn)擊頁面中的提交按鈕可將繪制后的畫板以jpg格式提交到服務(wù)器中

廢話不多說，在此簡述一下如何實現(xiàn)上述幾點(diǎn)：

引入Zwibbler的JS文件，我個人引入的是官網(wǎng)的zwibbler-demo.js

首先，將Canvas畫板植入前端

1.頁面寫一個div

<divid="zwibbler" style="margin-left:auto;margin-right:auto;border:2px solid red;width:1000px;height:800px;">div>