1回答
我知道turn.js有自己的缩放功能，但是，我添加了一个简单的缩放脚本。
它是工作的，我是说，当你按下缩放按钮，它确实放大了页面(并缩小)，但我似乎无法弄清楚如何调整页的大小。
我确实有一个用于全屏的eventListener，但它似乎不适用于缩放。(我知道这可能很简单，但我就是搞不懂。)
<button onclick="zoomed()" class="fa fa-search-plus" > </button>
<!-- Zoom -->
var zoom_el = document.getElementById(&
浏览 1提问于2020-08-06得票数 2
我正在尝试在turn.js杂志的中添加一个jquery缩放。我让它们分别工作，但不能像我想要的那样在每个杂志页面中获得缩放效果。下面是一些代码。所有的想法都很受欢迎，谢谢。
<!-- Zoom script -->
<script src='jquery.zoom.js'></script>
<script>
$(document).ready(function()
{
$('#ex1').zoom();
});
</script>
<!-- Zoom htm
浏览 3提问于2012-07-21得票数 5
回答已采纳
2回答
英特尔XDK启动外部不工作
、、、、
我需要从设备本机浏览器打开一个链接。我更喜欢启动外部link.but的引导路径，它在模拟器中工作良好，但在设备中不工作。以下是我的代码
<head>
<meta charset="UTF-8">
<link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap.min.css">
<title>Blank App Designer Project Template</title&
浏览 6提问于2015-01-20得票数 0
我正在尝试添加一些交互式控件到这里：
下面是具体的代码: HTML
Zoom:
<select id="zoom" onchange="zoom()">
<option>50%</option>
<option>75%</option>
<option selected="selected">100%</option>
<optio
浏览 0提问于2013-12-24得票数 1
回答已采纳
1回答
我正试图用jQuery (辉煌的)插件gzoom (或)来放大我的图像。
但不起作用。我的图像只是调整大小，但没有缩放。
这是我的代码：
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>test gzoom</title>
<link rel="stylesheet" href="css/jquery-ui-1.7.1.custom.css" type="text/css"
浏览 0提问于2013-10-29得票数 6
回答已采纳
1回答
我正在尝试更改img标记的属性，但它不起作用，我不知道为什么。我的代码改变了大的img源代码和变焦源，但是代码只改变了源而不改变缩放，下面是我的代码：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<script src='jquery-1.8.3.min.js
浏览 4提问于2015-06-08得票数 0
2回答
从中间扩展<div>
、、、
我有一个div，每次我用鼠标滚轮滚动时，我都会扩展10%。它从左向左扩展的问题。我怎么才能把它从中间扩展过来呢？
我已经找到了一个解决方案，但我找到的答案与动画有关。
HTML
<body>
<div id="holder" />
</body>
JS
zoom = value => {
let size = value;
return {
up: () => {
size += 10;
holder.style.height = `${siz
浏览 3提问于2017-09-12得票数 1
回答已采纳
我想用javascript中的range按钮放大img。但是，我不知道如何控制用户输入的最后一个值。
这是我的html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Img Zoom</title>
<link rel="stylesheet" type="text/css" href="./css/style.css&#
浏览 13提问于2022-07-27得票数 0
我已经将zoom.behaviour更改为d3.zoom，但我不清楚还需要哪些其他更改，希望能帮助您更新以下代码以在版本4中工作。它看起来比v3更复杂！
<!DOCTYPE html>
<html>
<head>
<!-- <script type="text/javascript" src="http://d3js.org/d3.v3.js"></script>-->
<script data-require="d3@4.0.0" data-semv
浏览 0提问于2016-07-19得票数 20
回答已采纳
我有一段代码，当用户单击一个名为zoom的link时，会向用户显示一个alert with a zoom effect。 当我click a button的时候我想要same to happen ... 当我试着按下按钮时，点击它不工作。 如何实现这一点?如何纠正代码？ <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel='stylesheet' href='https://c
浏览 12提问于2019-01-14得票数 1
回答已采纳
1回答
我在Intel XDK中使用此插件
作业的，但当我使用它提供的示例1，当我在我的设备(安卓)上运行它时，它不工作。代码如下：
<!DOCTYPE html>
<html>
<head>
<title>Prueba del sensor de proximidad</title>
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<meta name="viewp
浏览 0提问于2015-07-04得票数 1
2回答
如何添加js功能，在加载时将网页缩放到125%？
我找到了一种使用按钮的方法，但我希望网页在加载时自动缩放。
<button onclick="body.style.zoom='150%'">Zoom 150%</button>
我试着把它像下面的代码一样放进身体标签里，但是它不起作用.
<body onload="body.style.zoom='150%'">
谢谢。
浏览 3提问于2021-08-16得票数 0
回答已采纳
2回答
她是我的html：
<div class="product-img-box">
<p class="product-image product-image-zoom">
<a href='http://placehold.it/700x600' class='cloud-zoom' id='aMainImageZoom' rel="adjustX: 10, adjustY:-4">
<asp:Image St
浏览 2提问于2013-02-25得票数 0
我有一个反应与图像原生web应用程序。我想进行平移和缩放，所以我尝试使用react-native- pan -zoom模块中的ImageZoom对其进行包装。
<ImageZoom
cropWidth={Dimensions.get('window').width}
cropHeight={Dimensions.get('window').height}
imageWidth={200}
imageHeight={200}
>
<Image source={`/EventMaps/${name}`}
浏览 0提问于2018-03-20得票数 1
我有一个div，其中包含一些html内容，如文本和表格，通过使用jQuery或任何其他工具，我需要使html内容放大和缩小。
我试过下面的代码，但它在Firefox中不起作用。
HTML
<input type="button" id="zoomin" value="+" onclick="return ZoomIn();">
<input type="button" id="zoomout" value="-" onclick="return ZoomO
浏览 4提问于2013-11-06得票数 0
1回答
我有一个应用程序浏览器，显示一个网站使用英特尔xdk。
该网站加载应用程序浏览器，在模拟器和我的windows手机(但图像不显示)，但它不会加载到我的ipad。屏幕仍然是空白的。
我的守则：
<!DOCTYPE html>
<html>
<!-- * Please see the included README.md file for license terms and conditions. -->
<head>
<title>Window.open</title>
&l
浏览 1提问于2015-05-25得票数 0
回答已采纳
我在使用google地图js时出错，每加载一次，我就会收到这个错误。
src/features/landingPage/components/LandingPageMap.js:10 :无法读取未定义(匿名函数)TypeError的属性“映射”
地图组件
const LandingPageMap = (props) => {
const { center, zoom, reports } = props;
const mapRef = useRef();
useEffect(() => {
const map = new window.google.maps.Map(map
浏览 4提问于2021-04-05得票数 0
回答已采纳
1回答
浏览器不兼容firefox
、、、、
我需要帮助，这个脚本，转换视频由css3和js编写的克里斯蒂安海尔曼。它适用于狩猎和镀铬，但在firefox...as中没有人能告诉我为什么？
这是查看示例页面的链接：
这就是小提琴：
js代码如下：
(function(){
/* predefine zoom and rotate */
var zoom = 1,
rotate = 0;
/* Grab the necessary DOM elements */
var stage = document.getElementById('stage'),
v = document.getEl
浏览 3提问于2013-10-14得票数 2
回答已采纳
我有一个简单的方案，但仍然不起作用。
index.html
<!DOCTYPE html>
<html lang="en" ng-app="myapp">
<head>
<meta charset="utf-8">
<title>app</title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, u
浏览 4提问于2017-06-08得票数 0
回答已采纳
这是我的代码：
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<style type="text/css">
html { height: 100% }
body { height: 100%; margin: 0px; padding: 0px }
#map_canvas { height: 100% }
</st
浏览 0提问于2010-09-08得票数 0
回答已采纳
我使用的是cytoscape.js和边缘句柄扩展()。目前，我正在使用事件'zoom'自动调整边沿的线宽。
cy.on('zoom', function (evt) {
let zoomFactor = cy.zoom()
let newFontSize = defaut_font_size.general * 1 / zoomFactor;
cy.filter("node[type='main-WP'][parent !^= 'compound']").style({
&#
浏览 12提问于2022-01-12得票数 0
回答已采纳
我正在开发一个应用程序，其中用户上传图像和缩放，平移到框架中设置图像。
我可以平移和缩放，并且已经在框架上设置了面(空白/透明面)。用户还能够查看图像。
我最后想要做的是保存用户选择的人脸的最终图像，但图像应该是由帧+用户面部组成的单个图像-可见面部之外的区域。
我面临的问题是，我不能删除图像中我不想要的部分。
请给我一些建议，我可以做同样的事情。示例很棒，但它们应该用jQuery/JavaScript实现。
截图：
代码如下：
<html>
<head>
<script src="file/ga.js" type="te
浏览 0提问于2011-04-14得票数 0
1回答
我正在使用react-google- map，我在地图中的每个标记上都添加了折线。但是每次我删除一个数据，地图上的标记就不会消失。下面是我的代码。 Googlemap.js /*global google*/
import React, { Component } from "react";
import { Polyline } from "react-google-maps";
import {
withGoogleMap,
withScriptjs,
Marker,
GoogleMap,
DirectionsRenderer,
}
浏览 11提问于2020-09-11得票数 2
回答已采纳
1回答
加载NY映射
、、、、
我的纽约d3地图不会加载。有人能帮忙吗？
这是我的代码：
<!DOCTYPE html>
<meta charset="utf-8">
<style>
body {
font: 12px sans-serif;
}
path {
stroke-width: 1.75px;
stroke: #531b93;
fill: #919191;
cursor: pointer;
}
path:hover, path.highlighted {
fill: #0096ff;
}
div.tooltip {
positi
浏览 0提问于2016-03-16得票数 1
回答已采纳
我目前正在构建一个React应用程序，需要从MapBox迁移到Openlayers，因为这是我的客户内部使用的。为了让openlayers地图对事件做出反应，它正在努力实现基本功能。目前，我正在尝试一个简单的‘点击按钮，重新居中地图’，但不能让它工作。有人能帮上忙吗？一定是我做错了什么简单的事。 我使用的是Openlayers v6.0.1 (ol)。 import React, { useState, useEffect, useRef } from "react";
import Map from "ol/Map.js";
import View from
浏览 20提问于2019-10-18得票数 2
我是dojo的新手，我正在尝试制作一个带有图像的按钮，但图像不显示，此外，当用户单击该按钮时，它会正确地显示"hi“警报。
"zoom_in.png“图像与html位于同一目录中。firebug不会显示任何错误或警告。
更新。多亏了ed，我设法通过声明式方法让它工作起来。
<!DOCTYPE html>
<html >
<head>
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/dojo/1.10.3/dijit/the
浏览 2提问于2015-01-20得票数 0
我试图让谷歌地图的网站API工作在我的php网站。为此，我有一个php页面，用于加载映射的用户变量。javascript在带有默认值的网页中运行良好，但我无法将$php变量加载到脚本中。
也许一些javascript专家能帮上忙
function onProfileDisplay() {
$user = CFactory::getRequestUser();
$document =& JFactory::getDocument();
$document->addStyleShe
浏览 1提问于2012-05-08得票数 0
回答已采纳
3回答
我有一个由第三方Js应用程序改变转换属性的div，我想要的是根据它所具有的当前转换属性，在某个实例中修复转换属性。
为此，如果第三方应用程序在元素样式上的任何更改都不会有效，我需要在这里添加带有属性的类transform: current_transform!important和!important。
这里，我创建了一个示例片段，以获得更好的解释。
//let this is third party app which is changing the paragraph width and html which code can't be manipulated
function
浏览 5提问于2019-11-27得票数 3
回答已采纳
如何使javascript函数在单击特定图像( ids不同)时消失？我做了一个JS函数，但不起作用。从post请求加载到数据库的图像ara，在显示给dom！！之前有一个延迟。
var matches = document.querySelectorAll("img");
matches.forEach((this) => {
this.addEventListener("click", () => {
this.className("hidden");
});
});
.hidden {
display: n
浏览 4提问于2020-04-27得票数 1
回答已采纳
2回答
我有一个JS功能：
function zoom(now) {
document.getElementById("popup").style.display = "block";
document.getElementById("photos").style.backgroundImage = "url('" + now + "')";
}
我在php中得到了响应，它具有onclick函数。
echo
"<td style='background: url(" .
浏览 5提问于2015-07-03得票数 0
回答已采纳
我正在XDK IBM中开发一个简单的应用程序，以便在android设备上运行视频。
问题是，在构建之后，视频不会自动播放，也不会循环播放。
代码：
<!DOCTYPE html>
<html>
<head>
<title>Blank Hybrid App Project Template</title>
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
浏览 0提问于2014-10-30得票数 0
我正在使用d3.js，我发现这是有效的：
function zoom_in () {
d3.select(this)
.select("text")
.style("font-size","55px");
}
var node = svg.selectAll("g.node")
.data(json.nodes, function(d) { return d.name;})
.enter().append("g")
.on("mouseover
浏览 2提问于2012-08-07得票数 0
回答已采纳
我正在尝试使用它，这样当我单击img时，就可以得到点击图像的索引。
例如，如果我点击第一个图像，我得到索引1，点击第二个图像，我得到索引2，点击第三个图像，我得到索引3。
为什么我下面的代码不起作用？
$('#article .click-zoom img').click(function (e) {
alert($(this).index());
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script&
浏览 3提问于2021-06-26得票数 0
回答已采纳
4回答
我在我的网站上有一个js库，它为我创建弹出窗口。
我正在尝试设计弹出窗口的样式，但什么都不起作用。
html的输出是
<div class="lpopup zoom" style="opacity: 1; transform: translate(435px, 200px); bottom: -6px; left: -54px;">
我所要做的就是改变底部和左边的位置。
当我用fire bug检查时，css是
element.style {
bottom: -6px;
left: -54px;
opacity: 1;
transfor
浏览 0提问于2013-07-16得票数 2
回答已采纳
我正在JavaScript中做一些功能，用变换比例放大和放大。函数工作非常well.The的问题是，放大的图像向下移动，放大，然后放大。我想把它放在div的中心。
HTML:
<div class="skew"><img id="blah" align="middle" style="margin:0 auto 0 auto;"src="http://3rdbillion.net/wp-content/uploads/2013/11/a24cc9de0c523a5bf7680e18af1952853.
浏览 0提问于2014-03-27得票数 0
回答已采纳
1回答
我已经使用world-110m topojson渲染了世界地图。我直接使用了Jakob提供的关于D3映射教程- 的代码
<!DOCTYPE html>
<meta charset="utf-8">
<!-- Set a style for our worldshape-data -->
<style>
path {
stroke: red;
stroke-width: 0.5px;
fill: grey;
}
</style>
<body>
<!-- i
浏览 11提问于2016-07-15得票数 0
回答已采纳
嗨，我正在尝试创建一个动态列表，其中包含1000个在it.The映像中包含图像的项目，它们的来源如下
<img class="lazy" src="http://www.wrensoft.com/zoom/images/zoom_image_search_screenshot.png">
我正在使用jquery.I希望列表中有alt图标的图像，直到每个图像加载，而且图像也应该一个一个地加载。但是，在所有图像加载之前，只显示空屏幕，我有html代码和js代码
HTML
<!DOCTYPE HTML>
<html>
浏览 2提问于2014-09-20得票数 1
回答已采纳
我正在尝试向HTML / Javascript映射中的MapBox-GL-JS映射添加标记。
我试着构建了一个小示例：
<html>
<head>
<meta charset="utf-8">
<title>Test MapBox</title>
<!-- *** References for MapBox GL JS ... -->
<script src='https://api.tiles.mapbox.com/mapbox-gl-js/v0
浏览 0提问于2017-05-27得票数 3
我正在尝试使用来自google API V3的infobUBBLES来开发我的移动应用程序。这正是我复制的代码
这些是我的js文件。
var Map = null,
airboxObjects = {},
locationObjects = {},
lastMeasurements = {};
var infoBubble = new InfoBubble({
minHeight: 200,
minWidth: 200,
maxWidth: 300,
disableAutoPan: true
});
function getQueryV
浏览 0提问于2016-11-08得票数 1
1回答
我用以下代码在TopoJSON地图上使用D3绘制了点：
<!DOCTYPE html>
<meta charset="utf-8">
<head>
<script src="js/d3.js"></script>
<script src="http://d3js.org/topojson.v0.min.js"></script>
<style>
path {
stroke: white;
stroke-width: 0.25px;
f
浏览 2提问于2014-01-06得票数 0
回答已采纳
我在google地图上创建了一个SVG，我想控制SVG对象的宽度和长度
大小还可以，但问题是SVG的位置不在正确的位置。
我如何还能控制对象的位置？
我尝试为
.attr("transform", "translate(" + width / 2 + "," + height / 2 + ")")
但随后尺寸就不起作用了。当我也尝试添加缩放和平移到投影时，大小也不起作用。你能告诉我如何控制位置和大小吗？SVG的第一个位置应该是相同的位置的想法，只是大小应该改变，但位置应该始终相同。当前的问题是，当我更改缩放时，SVG也会更改位置
浏览 0提问于2012-06-04得票数 18
回答已采纳
1回答
我正在为电子商务开发一个项目，在产品细节页面中，我有一个带有产品图像的滑块。在该用户可以缩放该图像。
我的html代码
<ion-slides pager="true" style="height:45%" zoom> <ion-slide *ngFor="let slide of selProd.productImages"> <img src="{{slide.image}}"> </ion-slide> </ion-slides>
但当我试图放大图像通过捏或双击
浏览 4提问于2017-11-20得票数 1
1回答
我使用jquery-1.2.6.js和jquery.panFullSize.js两个js文件来缩放和平移图像。
这是我的html，
<a href="#" id="zoom">Zoom< /a>
<img src="testimage.jpg" alt="finnish winter" width="600" border="0"
usemap="#mypicMap" id="mypic" style="border:
浏览 3提问于2009-09-06得票数 2
1回答
我正在为一个画布应用程序制作放大镜，但我遇到了滚动的问题。本质上，目标是获取一个画布，当一个图像被添加时(在本例中是一个cgm图像)并对其进行快照，将其缩放并绘制到第二个较小的画布上，该画布覆盖它并跟踪鼠标(最好是拖拽/鼠标向下和向上，但我正在使用mousemove进行测试)。我相信问题在我的主应用程序的zoom.style.top & zoom.style.left注释中，我的最高利润是70%，所以请记住这一点。
下面是我写的一个简单的例子
<!-- language: lang-js -->
var canvas = document.getElementById(&
浏览 5提问于2022-05-19得票数 0
回答已采纳
我试图在R中使用networkD3绘制一个网络图，我想对显示进行一些更改，以便文本标签(当鼠标切换时出现)可以轻松读取。
有关示例，请参阅链接。注意:跳转到d3ForceNetwork图。
从例子中可以看出，由于标签的颜色，标签很难读懂，而且常常会被周围的节点阻塞。我一直在处理JS文件，并设法将文本标签颜色更改为黑色。但是，由于不了解JS或CSS (我甚至不知道两者之间的区别)，我不知道如何更改堆栈顺序，使文本标签始终显示在任何其他对象之上。
有人能告诉我怎样才能达到预期的结果吗？
以下是完整的JS文件：
HTMLWidgets.widget({
name: "forceNet
浏览 1提问于2016-04-28得票数 0
回答已采纳
6回答
在使用这个.html页面时，我发现了一个恼人的行为。当我加载页面时，它将只加载页面的某些部分，如果我刷新它，然后正确加载。为什么会发生这种事？我已经把这些图片和我的html代码一起附上了。
第一张是我得到的，第二张是我想要的。
这是第一张照片
这就是我所需要的
这是我的HTML代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible"
浏览 10提问于2013-12-30得票数 0
回答已采纳
我试图通过单击链接来触发canvas元素上的canvas操作。
下面是我一直在做的例子：
JS:
$('#zoom-in-button').click(function() {
$('.vis-network canvas').scroll(0, 100);
// $('.vis-network canvas').scroll({top: 1000});
});
HTML:
<a id="zoom-in-button" class="nav-button">
+
</a&
浏览 0提问于2018-09-01得票数 1
1回答
CSS顶部，然后滚动回顶部
、、、、
我用react js运行了这段代码。
<div style={{width:width, height:'1000px',overflowX:'hidden',overflowY:'scroll'}}>
<img src={img} style={{position:'relative', top:top, left:left, zoom:zoom+'%'}}/>
</div>
变量top是一个负数。这使我可以开始以一定的高度显示图像。我可以向下滚动到图像的底部。然而，我不能
浏览 1提问于2017-01-03得票数 0
我使用的是RGRaph.gauge和.thermometer插件。
当我第一次打开页面时，一切都显示正确。
但是，如果我跳转到另一个页面部分，然后返回到该页面，画布就是空的。
刷新也不起作用。需要按CTRL+F5才能在没有缓存的情况下重新加载页面。
我认为可能的解决方案可能是使用RGraph.ObjectRegistry.Clear();，但我不确定何时调用它。
以下是我的初始代码：
<!-- Include the RGraph libraries -->
<script src="ui/RGraph/libraries/RGraph.common.core.js&
浏览 0提问于2014-02-12得票数 0
Mapbox显示我的互联网服务提供商(ISP) IP地址的位置，而不是通过WIFI连接到家庭网络的台式机的IP地址，但是，它可以跟踪连接到同一家庭网络的移动设备的正确位置。 我该如何着手解决这个问题？ Index.html： <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-s
浏览 21提问于2020-12-14得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
