js圖片編輯器

用原生js和canvas寫(xiě)的一個(gè)移動(dòng)端圖片編輯器

手機(jī)體驗(yàn)地址:http://114.67.68.76:8080/roc/imgDist/
github地址:https://github.com/lijibing01/picture_edit

使用方法

1击罪、引入dist文件夾下的ped.js
2寒匙、new window.PED.imageInfo(url,saveFn)

  • url是圖片的地址(可以是相對(duì)路徑铣揉,也可以是http鏈接)
  • saveFn 為點(diǎn)擊保存時(shí)的回調(diào)函數(shù)

功能說(shuō)明

1玖雁、可以雙指放大縮小圖片
2组贺、可以在圖片上進(jìn)行涂鴉
2灶伊、可以輸入文字援制,輸入文字后可以單指移動(dòng)文字在圖片上的位置
3赠摇、可以撤回涂鴉的內(nèi)容,不能撤回文字耸峭,文字編輯功能還未實(shí)現(xiàn)

構(gòu)建自己的ped.js

1桩蓉、npm install
2淋纲、npm run build


歡迎star

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末劳闹,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌本涕,老刑警劉巖业汰,帶你破解...
    沈念sama閱讀 218,451評(píng)論 6 506
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異菩颖,居然都是意外死亡样漆,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,172評(píng)論 3 394
  • 文/潘曉璐 我一進(jìn)店門(mén)晦闰,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)放祟,“玉大人,你說(shuō)我怎么就攤上這事呻右」蛲祝” “怎么了?”我有些...
    開(kāi)封第一講書(shū)人閱讀 164,782評(píng)論 0 354
  • 文/不壞的土叔 我叫張陵声滥,是天一觀的道長(zhǎng)眉撵。 經(jīng)常有香客問(wèn)我,道長(zhǎng)落塑,這世上最難降的妖魔是什么纽疟? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 58,709評(píng)論 1 294
  • 正文 為了忘掉前任,我火速辦了婚禮憾赁,結(jié)果婚禮上污朽,老公的妹妹穿的比我還像新娘。我一直安慰自己龙考,他們只是感情好膘壶,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,733評(píng)論 6 392
  • 文/花漫 我一把揭開(kāi)白布。 她就那樣靜靜地躺著洲愤,像睡著了一般颓芭。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上柬赐,一...
    開(kāi)封第一講書(shū)人閱讀 51,578評(píng)論 1 305
  • 那天亡问,我揣著相機(jī)與錄音,去河邊找鬼肛宋。 笑死州藕,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的酝陈。 我是一名探鬼主播床玻,決...
    沈念sama閱讀 40,320評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼沉帮!你這毒婦竟也來(lái)了锈死?” 一聲冷哼從身側(cè)響起贫堰,我...
    開(kāi)封第一講書(shū)人閱讀 39,241評(píng)論 0 276
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎待牵,沒(méi)想到半個(gè)月后其屏,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,686評(píng)論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡缨该,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,878評(píng)論 3 336
  • 正文 我和宋清朗相戀三年偎行,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片贰拿。...
    茶點(diǎn)故事閱讀 39,992評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡蛤袒,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出膨更,到底是詐尸還是另有隱情汗盘,我是刑警寧澤,帶...
    沈念sama閱讀 35,715評(píng)論 5 346
  • 正文 年R本政府宣布询一,位于F島的核電站隐孽,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏健蕊。R本人自食惡果不足惜菱阵,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,336評(píng)論 3 330
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望缩功。 院中可真熱鬧晴及,春花似錦、人聲如沸嫡锌。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 31,912評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)势木。三九已至蛛倦,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間啦桌,已是汗流浹背溯壶。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 33,040評(píng)論 1 270
  • 我被黑心中介騙來(lái)泰國(guó)打工, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留甫男,地道東北人且改。 一個(gè)月前我還...
    沈念sama閱讀 48,173評(píng)論 3 370
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像板驳,于是被迫代替她去往敵國(guó)和親又跛。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,947評(píng)論 2 355

推薦閱讀更多精彩內(nèi)容

  • 33若治、JS中的本地存儲(chǔ) 把一些信息存儲(chǔ)在當(dāng)前瀏覽器指定域下的某一個(gè)地方(存儲(chǔ)到物理硬盤(pán)中)1慨蓝、不能跨瀏覽器傳輸:在...
    萌妹撒閱讀 2,084評(píng)論 0 2
  • 目錄第1章 webpack簡(jiǎn)介 11.1 webpack是什么感混? 11.2 官網(wǎng)地址 21.3 為什么使用 web...
    lemonzoey閱讀 1,736評(píng)論 0 1
  • 個(gè)人入門(mén)學(xué)習(xí)用筆記、不過(guò)多作為參考依據(jù)菌仁。如有錯(cuò)誤歡迎斧正 目錄 簡(jiǎn)書(shū)好像不支持錨點(diǎn)、復(fù)制搜索(反正也是寫(xiě)給我自己看...
    kirito_song閱讀 2,472評(píng)論 1 37
  • 在對(duì)稱(chēng)密碼中静暂,由于加密和解密的密鑰是相同的济丘,因此必須向接收者配送密鑰。用于解密的密鑰必須被配送給接收者洽蛀,這一問(wèn)題稱(chēng)...
    iOS掃地僧閱讀 5,943評(píng)論 0 4
  • 學(xué)霸你是丁錘光摹迷,媳婦像個(gè)臭流氓。 天然呆的是腳掌郊供,汪媛依舊很閃亮峡碉。 師妹你在社大忙,慶姐笑容蠻陽(yáng)光驮审。 婷花花兒在遠(yuǎn)...
    一劍哥哥閱讀 558評(píng)論 6 16