腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(9999+)
视频
沙龙
1
回答
使用
svg
和
html
进行
缩放
和
定位
html
、
css
、
svg
我有一个包含
SVG
图像的
html
文件。我有一个眼睛动画,它跟随着我想放入镜头中的光标。问题是我真的不知道该怎么做。 我尝试
使用
父容器,但不适用于
SVG
+
HTML
。我也尝试过
使用
媒体查询,但这只限制了我的大小,这也是我不想做的。 编辑:我在angular中运行一切,如果它有帮助的话。
HTML
(
svg
):https://jsfiddle.net/nitko_i_nista/kjhx4mer/ CSS
浏览 20
提问于2019-10-04
得票数 0
1
回答
SVG
组的响应间隔?
css
、
svg
、
responsive
、
responsive-images
我有一个从Adobe导出的
SVG
,它是一个由五个“卡片”组成的集合,显示一些人的面孔以特定的模式排列。下面是代码的结构: </g> </g&g
浏览 1
提问于2020-06-21
得票数 0
回答已采纳
1
回答
HTML
/CSS -
使用
SVGs创建仪表板的优点
和
缺点
html
、
css
、
svg
、
dashboard
我将
使用
HTML
和
CSS创建仪表板布局。稍后会有一个大屏幕显示仪表板。有些人说我不应该
使用
div等等,而应该
使用
SVG
标记,例如我的意图是
使用
CSS网格(8x8)来组织仪表板的元素(网格-项)。图表将由一个库生成--我更喜欢Plotly -所以图表已经采用了
svg
格式。网格项(卡片)可能如下所示:Title Descr
浏览 0
提问于2018-09-26
得票数 0
回答已采纳
1
回答
SVG
:
缩放
SVG
文档时如何
缩放
字体大小?
javascript
、
html
、
css
、
svg
、
fonts
像this、this、this、this
和
this这些关于
SVG
缩放
的问题也没有帮助。
缩放
SVG
文档时,
缩放
字体大小的最佳方法是什么? 假设原始
SVG
文档大小为500x1000。为了适合我们的设计视窗,我们将文档
缩放
到250x500,并允许用户
进行
一些编辑,如重新
定位
和
更改文本。编辑完成后,我们将缩小到500x1000,然后再导出为PNG图像。我们对
使用
scale transfo
浏览 56
提问于2019-01-02
得票数 0
1
回答
在
SVG
中操作/翻译<text> (添加一个边框)
php
、
javascript
、
svg
、
raphael
Problem:我们需要复制RaphaelJS中创建的
SVG
文本,在RaphaelJS中
使用
可变字体、字体大小、位置、
缩放
、旋转。 但是.Raphael为文本
使用
了一个边框,它的高度与字符串的实际高度无关。包围框的高度是基于字体大小
和
字体系列的,但与实际字符串无关。因此,“Y”
和
“,”(字体
和
字体大小相同)的字符串具有相同的高度。高度的差异破坏了旋转
和
定位
。问题:我们如何
使用
一个复制RaphaelJS的getBBox
浏览 3
提问于2012-02-09
得票数 6
1
回答
如何
使用
CSS
定位
SVG
剪辑路径,并且只剪裁元素的一个边缘
css
、
svg
、
mask
、
clip-path
、
css-mask
我试图
使用
SVG
掩码
和
CSS clip-path属性在网站上制作一些“破烂”的区段分隔器。我需要能够将“粗糙”的底部边缘应用于任意高度的部分/行,因此我需要能够根据需要
定位
和
缩放
它们,这取决于区域的高度,以及希望视口的宽度。我还没有弄清楚如何
使用
CSS
定位
SVG
(例如,上下移动页面),但我确实发现,我可以将transform="translate(X,Y);"属性添加到
HTML
中的<e
浏览 8
提问于2021-07-22
得票数 1
1
回答
包含
SVG
图像的
HTML
框与图像的高宽比不匹配
html
、
css
、
google-chrome
、
svg
我试图
使用
默认的preserveAspectRatio="xMidYMid meet"来
缩放
SVG
映像,以适应它的容器,但为了清晰起见,我还是要指定它。
使用
下面指定的CSS
和
SVG
,
缩放
工作就像我在Chrome中想要的那样。然而,在IE
和
Firefox中,问题在于多边形的
缩放
具有保留的高宽比,但是背景不是。无论容器的高宽比如何,背景仍在填充整个容器。出于这些原因,我更喜欢
使用
CSS边框
和<
浏览 6
提问于2013-11-25
得票数 1
回答已采纳
1
回答
为什么外部
SVG
超出了父
SVG
视图框的范围?
html
、
svg
我正在构建一个web应用程序,它
使用
SVG
来
定位
和
显示特定的元素。其目的是允许对外部链接的
SVG
图像
进行
缩放
和
摇摄/扫描。在Opera、Firefox
和
Chrome (都是最新的气体)上,一切都如预期的那样工作。在IE
和
Edge (也是最新的GAs)上,当我向上
缩放
时,图像超出了父
SVG
的范围。我隔离了所有相关的
HTML
、CSS
和
<em
浏览 0
提问于2019-07-17
得票数 0
1
回答
SVG
.js困难下的
缩放
和
重新
定位
javascript
、
svg
、
svg.js
我
使用
svg
.js在浏览器中操作SVGs。我所做的大部分工作都比较简单,但我在
缩放
/
定位
一些对象时遇到了一些困难。 我最初认为这是可行的,但是在不同的
浏览 3
提问于2018-02-27
得票数 1
回答已采纳
1
回答
H1中的内插
SVG
seo
、
pagerank
、
html5
、
svg
我正在更新我的网站,用内嵌的
SVG
图像替换大型PNG图像。我当前的代码如下所示: <img src="logo.png" alt="Company Name" />我想用这样的东西来代替它: <
svg
><title>Company Name</title></h1> 就我而
浏览 0
提问于2015-06-28
得票数 4
回答已采纳
3
回答
在jVectorMap上绘制自定义标记
jquery
、
svg
、
jvectormap
我很高兴能
使用
SVG
插件直接在jVectorMap上绘图,但我似乎不能让它工作。<
html
> <link rel="stylesheet" href="jquery-jvectormap-1.1.1.css" type="text/css" media"></scrip
浏览 1
提问于2013-01-08
得票数 4
回答已采纳
3
回答
创建类似Google的界面的建议
html
、
svg
我正在尝试制作一些基于网络的棋盘游戏,我希望界面是可移动的
和
可
缩放
的。就像谷歌地图,你可以平移
和
缩放
地图,我想要移动
和
缩放
游戏板。当然,与谷歌地图不同的是,我不想
使用
图像块。有人能给我推荐
使用
什么技术吗?这是否适合普通的
HTML
?
HTML
5画布?还是
SVG
?有什么特别的JS库可以推荐吗? 我想避免闪存
和
Java。而且浏览器兼容性是有利的,但不是最重要的因素。
浏览 0
提问于2010-11-01
得票数 4
回答已采纳
1
回答
如何分别
缩放
SVG
元素。
d3.js
、
svg
、
viewbox
我用D3制作了一个图形,我试图在窗口调整大小的情况下
缩放
图的Y轴,而不
缩放
其中元素的大小。(我不想重新绘制图表)。
svg
2.selectAll('use') .enter() .app
浏览 3
提问于2017-11-14
得票数 1
回答已采纳
1
回答
在
SVG
项中
定位
SVG
图像元素
javascript
、
image
、
svg
为了方便起见,我将编写一些围绕
SVG
的JavaScript。此代码可以接受
HTML
页面的
SVG
部分并动态插入
SVG
项。这对于矩形、圆圈
和
这类形状都很好,但它不适用于图像:每当我创建图像项时,图像的Y位置就很遥远。X很好:X值为0表示与
SVG
画布左对齐的图像。svgItem.setAttributeNS('http://www.w3.org/1999/xlink', 'href', url); main
浏览 2
提问于2016-11-14
得票数 2
回答已采纳
3
回答
<img>上的<a>无法正常工作IE10
html
、
css
、
internet-explorer-11
、
internet-explorer-10
HTML
<img class="c1" id="c1" src="..."right: 80px; position: absolute; width: 290px;}
使用
IE 11,一切都很好,图像被放置在屏幕的右上角(还有c2等来解释
浏览 2
提问于2016-05-29
得票数 0
4
回答
有没有像
使用
CSS3的底部导航这样的iphone预建示例?
iphone
、
css
、
mobile-safari
有没有像
使用
CSS3的底部导航这样的iphone预建示例?有没有可能在CSS3中制作这些没有图像的图标?
浏览 1
提问于2011-04-14
得票数 3
回答已采纳
2
回答
如何让
HTML
适应
SVG
缩放
html
、
svg
、
scale
当我
使用
缩放
转换
缩放
SVG
时,周围的
html
不考虑此
缩放
,并且无法调整其大小。我有以下
SVG
:<div></div>由于某些原因,周围的
html<
浏览 0
提问于2017-04-10
得票数 0
2
回答
SVG
内容-仅
缩放
宽度
和
显示全高
html
、
css
、
svg
我已经创建了一个包含foreignObject文本的
SVG
,并
使用
img标记将其链接到我的
HTML
页面中。我不能为
svg
提供固定的高度,因为我希望文本部分能够响应并根据设备
进行
缩放
。 因此,由于图像不能完整显示高度,foreignObject文本内容会被截断。我已经尝试了viewBox<em
浏览 2
提问于2016-11-18
得票数 0
2
回答
用d3地球尺度匹配传单变焦级
javascript
、
svg
、
d3.js
、
gis
、
leaflet
将
SVG
层覆盖在传单(或任何地图框架)的顶部。 为了知道何时重新
定位
SVG
元素,我只需听取
缩放
级别
和
地图中心的更改即可。0], d.value.geometry.coordinates[1
浏览 2
提问于2014-02-18
得票数 3
3
回答
包括通过
SVG
使用
和
缩放
的外部
svg
html
、
svg
我目前在
svg
中首次亮相,并且正在
进行
实验。我有一个
HTML
文件,我想在其中包含一个外部
svg
文件,通过 <head></head> <
svg
xmlns:xlink="http://www.w3.org现在的问题是,包含了外部
svg
,但不能
缩放
以适应#parent
svg
。我真的不能理解什么是不起
浏览 3
提问于2015-12-20
得票数 0
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
HTML定位—绝对定位、相对定位和固定定位
HTML的简单介绍和快速获取页面元素定位方式
前端福音:为什么使用React和SVG开发图形UI是天作之合?
使用KNN进行分类和回归
使用PyTorch和Flower 进行联邦学习
热门
标签
更多标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
活动推荐
运营活动
广告
关闭
领券