如何禁止div缩放求救

2013-11-19 11:37:22 590 阅读 AI 写同款 · GEO 优化AI 选题数据监测一键分发 ›

bingying19872008 墨衍会员 · AI 创作全网分发关注 + 加入社区

模板驱动的文档自动化：从内容到专业PDF的流水线实践文档自动化并非AI写作，而是将已有内容高效转化为结构化、品牌化数字文档的技术过程。其核心在于模板驱动的规则化排版——通过预设视觉规范、语义识别与响应式布局规则，实现内容与样式的解耦。这种能力依托于云原生架构下的内容摄取引擎、结构化渲染器与交互式编辑沙盒，显著降低非设计师的交付门槛。在市场手册、产品文档、培训资料、客户成功指南等高频场景中，它替代了Word手工调格式的低效模式，成为知识工作者提升内容交付确定性与专业度的关键基础设施。阅读详情

<!doctype html>

<html><head>

<meta charset="utf-8">

	   <meta name="viewport" content=" user-scalable=yes" /> 





	<meta name="apple-mobile-web-app-status-bar-style" content="black">

<title>试试看</title>









<style type="text/css">

body {

	margin: 0px;

	background-color: #000;

	background-image: url();

}

</style>



</head>

<body   >



<div  id="main" style="z-index:1;margin:0px;padding:0px; height:100%;width:100%;top:0;left:0;">	

<img src="quwei_pic2_.png"  id="pic1" name="pic1"  height="201"  width="100%"  align="absmiddle">

<script type="text/javascript" src="canvasScript.js" charset="utf-8"></script>

 </div>



</body>

</html>

在苹果手机上打开时，我希望两根手指的缩放紧紧影响图片而不影响层，可实际却是div也跟着缩放了....求救这样会影响到其他div的布局啊

...全文

Qwen-Image LoRA训练实战：从数据准备到异常修复的全流程解析本文详细解析了Qwen-Image LoRA训练的全流程，从数据准备到参数优化再到异常修复。通过实战案例展示了如何利用LoRA技术微调Qwen-Image模型，提升中文场景下的图像生成质量，特别针对手脚生成异常等问题提供了有效解决方案。文章还分享了中文提示词优化技巧和高级训练方法，帮助开发者高效训练出高质量的LoRA模型。阅读详情

bingying19872008

HTML5 43,737 成员 5,572 内容

+ 关注 + 加入社区

切换为时间正序

KK3K2005 2013-11-19

打赏
举报

http://www.yingxiangzhi.com/blog/?p=1434

bingying19872008 2013-11-19

打赏
举报

引用 3 楼 KK3K2005 的回复:

zygan 有个iscroll js 或者 iscroll js最新版本貌似有直接支持手势缩放的功能

可以有地址下载么或则能看看代码也好啊

KK3K2005 2013-11-19

打赏
举报

zygan 有个iscroll js 或者 iscroll js最新版本貌似有直接支持手势缩放的功能

bingying19872008 2013-11-19

打赏
举报

引用 1 楼 KK3K2005 的回复:

这个时候我会禁止页面的用户缩放行为但是我会单独给图片添加手势缩放的js

我一开始也很想，无奈我对网页编程一点不熟悉,另一个做网页的是新人，公司让我解决 .... 我无耻的求代码吧我试着写了一个js,实现的禁止了页面的拖动,


var canvas = document.getElementById("pic1");
canvas.addEventListener('touchstart', onTouchStart, false);
canvas.addEventListener("touchmove", onTouchMove, false);
canvas.addEventListener("resize", onResize, false);
canvas.style.position="absolute";

var lostX,lostY,lastoffX,lastoffY;

function onResize(event)
{
     //这里 我调用这个原本想，只图片响应默认的缩放行为，不在缩放的消息向下传递造成div的缩放,
     //但是实际没效果....好吧其实我一点也不会js
     event.preventDefault();	
}

function onTouchStart(event) {
     if (event.touches.length == 1) {	
        lostX = event.targetTouches[0].clientX;     
        lostY= event.targetTouches[0].clientY;
       lastoffX = canvas.offsetLeft;
       lastoffY = canvas.offsetTop;  	
    }
}

function onTouchMove(event) {
    if (event.touches.length == 1) {
      event.preventDefault();
      var x,y;
        x =  event.targetTouches[0].clientX - lostX;
        y = event.targetTouches[0].clientY - lostY;
        canvas.style.left = (lastoffX + x) + 'px';
        canvas.style.top = (lastoffY + y) + 'px';	
        //canvas.style.webkitTransform = 'translate(' + x + 'px, ' + y + 'px)';
    else if(event.touches.length == 1)
    {
      event.preventDefault();
      //这里我想自己实现缩放 从中心开始缩放，类似苹果那种,可是不会js实在写不出来了 求指教
    }
    }
}

KK3K2005 2013-11-19

打赏
举报

这个时候我会禁止页面的用户缩放行为但是我会单独给图片添加手势缩放的js

如何禁止div缩放求救

相关推荐