当前位置: 首页 > 知识库问答 >
问题:

javascript - 关于元素背景图的平移和缩放如何处理?

周飞语
2024-03-13

关于元素背景图的平移和缩放

对一个元素进行操作,监听元素上的mousedown、move、up、whell、事件,对背景图进行变换操作,平移没什么问题,缩放的话,他的缩放中心始终在0,0,不能改变他的缩放中心,我想在缩放的同时移动他的background-position来达到类似的效果,但是没什么头绪

共有1个答案

邢寒
2024-03-13

尝试下操作css的transform来实现效果
可以设置transform-origin来达到类似效果

 类似资料:
  • 问题内容: 有没有一种方法可以使CSS背景拉伸或缩放以填充其容器? 问题答案: 对于现代浏览器,您可以使用以下命令完成此操作: 表示垂直或水平拉伸图像,因此它永远不会平铺/重复。 适用于Safari3(或更高版本),Chrome,Opera10 +,Firefox 3.6+和Internet Explorer 9(或更高版本)。 要使其与较低版本的Internet Explorer一起使用,请尝试

  • 本文向大家介绍Android 背景图片的缩放实现,包括了Android 背景图片的缩放实现的使用技巧和注意事项,需要的朋友参考一下 Android 背景图片的缩放  ONE Goal ,ONE Passion ! 我们看到一些效果,控件中的背景图片会慢慢变大,但是控件不会随着图片的放大而变大.效果如下: 分析: 想让图片变大,而且控件本身大小不能改变,那么就要改变图片自身大小,而不能改变控件大小.

  • 我在Java中编码了一个Mandelbrot集分形,并包含了平移和放大分形的能力。唯一的问题是,当我平移图像并试图放大时,它看起来好像试图放大中心并平移一点。平移和缩放不是真正的平移或缩放,而是对分形的重新计算,看起来像是平移或缩放。 这是我的代码。 我能告诉用户在哪里可以让相机更精确地缩放吗? 先谢谢你。 编辑:图片对于任何想知道这个程序将呈现什么。

  • 问题内容: 如何获取JavaScript中元素的URL ?例如,我有这个: 我如何 只 获取URL ? 问题答案: 您可以尝试以下方法: 编辑: 根据@Miguel和下面的其他注释,如果您的浏览器(IE / FF / Chrome …)将其添加到url,则可以尝试删除其他引号: 如果可能包含单引号,请使用:

  • 问题内容: 我想让div元素延伸到33%的宽度,并在CSS中完成背景图片 如何在mouseover或mouseneter上对div中的背景图像进行动画处理,是否有可以执行此操作的插件?background div必须使用background-size:cover,因为它是一个弹性页面。 我还没有小提琴,因为我不知道从哪里开始或如何开始 问题答案: 对于那些想要破解CSS过渡缩放以应用于背景尺寸的人

  • 我希望用户能够将两个图像缩放到一起,同时保持它们之间的正确相对位置。我在其中一幅图像上使用缩放手势检测器,然后将手势扩展到另一幅图像。我的问题是,虽然我可以让图像一起移动,但一旦我尝试缩放第二个图像,翻译就会急剧下降。它们是我不知道的缩放时发生的事情吗?信息。ParentPrecords变量设置在缩放手势检测器的开头,然后再对父对象(基础图像)进行任何更改。