Wadda：基于 HTML5 Canvas 的图片放大镜_程序开发

admin

2023-06-11 22:41:49

0次

　　Wadda 是下一代图片放大技术，使用 HTML5 Canvas 实现图片放大镜功能。借助 HTML5 Canvas 标签，能够自定义放大级别而不需要为每个级别定义图片，还能够设置羽化（Fading）效果。

Wadda：基于 HTML5 Canvas 的图片放大镜

使用非常简单，只需在img标签的title属性中设置放大图片的路径，例如：

引入Wadda.js文件，并添加如下代码：

var wad = new Wadda(’thumb’, {
        lensSize: 150,
        xOff: 0,
        yOff: 0,
        fadeLens: true,
        zoom: 2
    });

下面是在线演示页面和下载链接：

山西矿难的根源在哪里？学者吁打... 据凤凰卫视报道，沁源发生特大煤矿瓦斯爆炸事故后，山西决定对全省煤矿领域展开安全风险的“彻查整治”。有...

俄方称将对基辅军工联合体发动打... △基辅（资料图）当地时间25日，俄罗斯外交部发布通报称，俄军将对乌克兰首都基辅的军工联合体发动一系列...

深耕特色兴实业因地制宜谱新篇近期，全国各地立足资源禀赋、深耕产业赛道，处处涌动着产业升级、增收致富的蓬勃生机。向新攀登河南跑...

荣耀600全系搭载教科书级护眼... 快科技5月25日消息，荣耀600系列于今晚正式发布，全系配备教科书级护眼屏。据悉，荣耀600系列首...

近万“青鸟”上街参加挺军购游行... 海峡导报综合报道为抗议在野阵营通过7800亿元（新台币，下同）特别预算，台湾亲绿民团23日下午发起...

华为公布半导体领域重大突破 5月25日，2026国际电路与系统研讨会在上海举行，华为公司董事、半导体业务部总裁何庭波在题为《半导...

全焦段4K实况照片+8000m... 一、前言：全能无短板！荣耀600 Pro闪亮登场现如今的中高端手机市场，可以说是卷得五花八门。大家...

强烈信号，家长们现在要连夜排队... 北京家长凌晨3点排队，只为孩子能上个中职学校。5月10日这天，是北京昌平职业技术学校自主招生面试日：...

自主选课+实战赋能，北京地铁公... 5月25日，据北京地铁公司消息，为精准破解员工岗位实训短板、满足个性化成长需求，近期北京地铁公司优化...

荣耀600 Pro测评：“销量... 荣耀的数字系列是一款典型的“销量大于网上声量”的产品。在过去这些年，荣耀的数字系列一直都是3000...