基于jQuery的图片标记插件LipZoomMark(原创)

所属分类:媒体-图片展示

 1490  13  查看评论 (3)
基于jQuery的图片标记插件LipZoomMark(原创) ie兼容11

更新时间:2018/5/8 下午5:05:47

更新说明:修改了Firefox不兼容的问题


简介

一款支持图片缩放、拖动、旋转、添加标记的基于Jquery的插件。

右键添加标记,左键按住移动鼠标可拖动,滚轮可以缩放画布。

使用方法

初始化(Jquery自己引用好)

<div id="container" ><img src="./assets/demo.jpg"></div>
<script type="text/javascript">
    $('#container').ZoomMark();
</script>

重置画布

$('#container').ZoomMark('reset');

旋转画布

$('#container').ZoomMark('rotate',90);

修改标记颜色

$('#container').ZoomMark('changeSettings',{'markColor':'#d31145'});

删除标记

$('#container').ZoomMark('deleteMark',id);
相关插件-图片展示

jQuery动态缩放焦点图

jQuery动态缩放焦点图
  图片展示
 10887  80

jQuery模仿PPTCSS3介绍

jQuery模仿PPTCSS3介绍,使用鼠标滚轮进行切换
  图片展示
 6650  39

仿微信朋友圈图片展示效果

仿微信朋友圈图片展示效果
  图片展示
 29975  157

jQuery的图片浏览插件Zoomimage

该jQuery插件能够让以当前流行的方式来展示图片。提供:预加载图片提示,对图片进行分组,自动调整图片显示比例,图片分组浏览控制。
  图片展示
 19056  73

讨论这个项目(3)回答他人问题或分享插件使用方法奖励jQ币

    百度 0
    2018/5/9 10:19:12
    areyouOk 0
    2018/5/8 11:26:29
    需要改进,插件不兼容火狐。
        为毛你还单身0
        2018/5/9 8:46:26
        已修复~
    回复
取消回复