国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

原生js實現拖拽縮放預覽圖片插件

zhonghanwen / 1279人閱讀

摘要:插件只預覽該容器下的所有圖片。指定該容器里的圖片點擊預覽鍵的值就是容器的如果覺得樣式不滿意什么的,可以直接覆蓋就可以了。預覽總結如有疏忽或錯誤,希望您及時指出,我會盡早修改。有什么需要交流的可在評論區與我交流

原生js實現拖拽縮放預覽圖片插件 前言

插件功能暫只滿足我司業務需求,如果希望有更多的功能,可在下方留言,我盡量擴展!如果你有需要或者喜歡的話,可以給我github來個star ?

倉庫地址
在線預覽
準備

引入preview.js文件

指定一個容器的id,插件只預覽該容器內的圖片,舉個栗子?:

其中id為wrap的div就是 2 中所指的容器。插件只預覽該容器下的所有圖片。
var preview = new Preview({
    imgWrap: "wrap" // 指定該容器里的圖片點擊預覽
})
imgWrap鍵的值就是容器的id

如果覺得樣式不滿意什么的,可以直接css覆蓋就可以了。

預覽

總結

如有疏忽或錯誤,希望您及時指出,我會盡早修改?。有什么需要交流的可在評論區與我交流

文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。

轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/107464.html

相關文章

  • h5實現移動端圖片預覽器(一)

    摘要:最近接觸移動端開發。自己寫一個類似微博的圖片預覽器來學習一下移動端手勢的實現和的屬性的使用。在發生時將坐標位置向減得到位移量。雙手勢單手勢雙手勢單手勢觸發移動事件圖片放大功能的實現我采用了的屬性進行縮放,并且設置來設置縮放中心位置。 最近接觸vue.js移動端開發。自己寫一個類似微博的圖片預覽器來學習一下移動端手勢的實現和css3的屬性的使用。 目標分析 首先分析圖片預覽器的功能: 1...

    Shonim 評論0 收藏0
  • 一個簡易的DIY場景H5框架

    摘要:筆者也用操作的形式做了一個類似項目,現在整合成一個簡易的框架分享給大家,只需要根據自己的需要完成布局與樣式的編寫,以及按下面指示操作,就可以生成一個自己的空間定制。 第一次發項目,以供大家學習參考,可能有些簡陋,若有不合理處,請大神們指教。 最近在朋友圈出現了很多DIY類的H5游戲,通過添加拖拉擺放和組合元素,來DIY自定義一個場景并合成圖片分享出去的新H5展示形式。筆者也用操作DOM...

    dongxiawu 評論0 收藏0
  • javascript功能插件大集合 前端常用插件 js常用插件

    摘要:轉載來源包管理器管理著庫,并提供讀取和打包它們的工具。能構建更好應用的客戶端包管理器。一個整合和的最佳思想,使開發者能快速方便地組織和編寫前端代碼的下一代包管理器。很棒的組件集合。隱秘地使用和用戶數據。 轉載來源:https://github.com/jobbole/aw... 包管理器管理著 javascript 庫,并提供讀取和打包它們的工具。?npm – npm 是 javasc...

    netmou 評論0 收藏0

發表評論

0條評論

最新活動
閱讀需要支付1元查看
<