腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(9999+)
视频
沙龙
4
回答
SVG
矩形
忽略
高度
?
css
、
svg
这是一个
矩形
的。我想使用,但是它不起作用,给了我一个空白。它发生在火狐和chrome中。工作示例。css: fill:rgb(0, 0, 255);}<
svg
xmlns="http://www.w3.org/2000/
svg
" version="1.1">
浏览 6
提问于2013-01-17
得票数 10
回答已采纳
1
回答
使用嵌套的
SVG
viewBox和preserveAspectRatio对齐<image>
image
、
svg
、
viewport
、
viewbox
它们应该放置在外部
svg
中的一个
矩形
中,尺寸为WxH2,位置为(x,y),较短的一个(img1)应该在该
矩形
的底部垂直对齐,如下所示:这听起来像是viewBox & preserveAspectRatio的工作,所以我尝试在位置(x,y)创建一个尺寸为WxH2 (2个
高度
中较大的一个)的嵌套<
svg
>元素,根据每次动态添加的图像,布局(这里显示了两个图像)将是:使用W=35、H1=19、H2-- end of nested
SVG
-->
浏览 4
提问于2015-04-29
得票数 0
1
回答
SVG
的宽度/
高度
单位属性
css
、
svg
给定
svg
的这段代码,正在绘制一个蓝色
矩形
。 <rect width="50" height="200" style="fill:blue"/> 蓝色
矩形
大小随视图端口的不同而变化。
浏览 3
提问于2017-06-13
得票数 4
回答已采纳
2
回答
如何在
svg
中定义的路径(使用css)周围包装文本?
svg
、
css-shapes
我的目标是围绕用
svg
定义的形状包装一些文本。 <path id="halfcircleLeft" d="M 50 26 ...Z" style="fill: lightgray;"></path> &
浏览 1
提问于2015-04-29
得票数 4
1
回答
如何使用jquery将文本放置在
SVG
中的
矩形
中或将其放置在其中
svg
、
jquery-svg
、
rect
我想要将文本放在
矩形
的中心,基于文本的宽度和
高度
,以及
矩形
的宽度和
高度
。请参考下面的
SVG
代码。<g transform="translate(73,535)" id="container_
svg
_ToolTip"> <rect id="container_
svg
_SvgRect" x="314.5833333333333785.60000000000001" width=
浏览 3
提问于2013-05-01
得票数 0
回答已采纳
1
回答
d3.create()返回带有.node()的元素,但不显示在浏览器中
javascript
、
svg
、
d3.js
首先,我创建了一个
矩形
()函数,它返回一个元素: const
浏览 4
提问于2021-01-24
得票数 2
2
回答
为什么父元素有额外的空间
javascript
、
html
、
svg
嗨,我在div元素中有
svg
矩形
。我已经将
矩形
元素的
高度
设置为300。当检查父元素(div)的
高度
显示为304时,为什么?<div> <rect width="300" height="300" style="fill:rgb(0,0,255);stroke-width:3;stroke:rgb(0,0,
浏览 2
提问于2017-12-22
得票数 1
1
回答
响应中心
SVG
元素在另一个
SVG
元素中?
svg
、
responsive-design
、
fullscreen
我试图在
SVG
中做一些非常简单的事情: <
浏览 3
提问于2015-01-21
得票数 4
1
回答
我如何防止扭曲/倾斜的旋转形状与反应-本机-
svg
?
reactjs
、
svg
、
react-native
、
react-native-svg
我目前正在用react-native制作一个应用程序,并使用react-native-
svg
绘制形状,例如
矩形
、椭圆等。我在
SVG
容器组件中包含这些形状,其宽高比为2:1我目前遇到了一个我无法解决的问题。每次我旋转一个形状,它都会以奇怪的方式扭曲和扭曲。下面是一个0度旋转,宽度为60%,
高度
为30%的
矩形
:下面是具有71度旋转的相同的
矩形
,(宽度和
高度
与以前相
浏览 4
提问于2020-01-06
得票数 0
回答已采纳
1
回答
如何使
SVG
成为响应性
高度
?
css
、
svg
我一直在尝试创建一个
矩形
,该
矩形
被添加到via : styling中,因此
svg
代码位于
svg
文件中,并通过样式调用。有人建议添加
svg
:not(root)。一点帮助都没有。<
svg
class="
svg
-responsive" viewBox="0 0 100
浏览 0
提问于2018-12-07
得票数 1
2
回答
为什么元素会出现在嵌套的
svg
元素的viewbox之外?
svg
在此示例中:<
svg
xmlns="http://www.w3.org/2000/
svg
" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.dev/svgjs" viewBox="0 0 400 400"> &
浏览 2
提问于2020-07-09
得票数 0
1
回答
Snap :只有固定的底部和动画
高度
javascript
、
svg
、
snap.svg
我需要动画的
高度
在
SVG
与底部固定的
矩形
。我正在使用Snap
SVG
库。如果未添加y参数,则
矩形
的
高度
将显示在顶部。请分享你的想法,以修复底部和动画的
高度
只。
浏览 1
提问于2014-08-19
得票数 0
回答已采纳
1
回答
SVG
将
矩形
与父元素右下角对齐
html
、
svg
、
alignment
、
rect
我试图在
SVG
中绘制一个
矩形
(300x300像素),并在父
矩形
(10x10像素)的每个角落对齐4个较小的
矩形
,但每个小的子
矩形
都有父
矩形
的完整大小。<
svg
width="300" height="300"> <
svg
height=&qu
浏览 0
提问于2013-04-23
得票数 3
1
回答
为什么这个
SVG
图像的
高度
是150 of?
svg
、
jsbin
、
codepen
为什么这个
SVG
图像在这个500 at容器中以150 at的
高度
显示?为什么是这个特定的价值?<div style="padding: 30px; background-color: yellow; height: 500px; width: 500px; "> stroke= "red" stroke-wi
浏览 6
提问于2016-10-20
得票数 11
回答已采纳
2
回答
SVG
标记占用额外空间
html
、
node.js
、
svg
、
mustache
所以我在HTML5中的
SVG
元素遇到了一个奇怪的大小问题。它占用的空间比我想象的要多得多。图像中的每个小
矩形
都是一个宽度和
高度
均为"20“的
矩形
元素。
SVG
元素的
高度
和宽度应为20*10 = 200,但尺寸应为680x508。您可以在此处查看已检查的
svg
元素-> <
svg
> <rect x='0' y='0' height='20
浏览 0
提问于2012-11-03
得票数 5
回答已采纳
1
回答
如何在d3.js中使用
svg
:defs创建等高的
矩形
?
javascript
、
svg
、
d3.js
我正在做一个d3.js项目,在这个项目中,我显示了一些相同
高度
的
矩形
。这些
矩形
连接到调整每组
矩形
的
高度
的input[type=number]。为了使动画更简单(这样我只需在更改数字输入时操作
svg
:defs ),我希望能够使用如下的
svg
:def标记指定一组
矩形
的
高度
:
浏览 2
提问于2013-01-24
得票数 2
回答已采纳
1
回答
在JS中用变量控制
SVG
矩形
的
高度
和宽度
javascript
、
svg
我需要根据JavaScript中可变的
高度
和宽度创建
矩形
。这是原始代码<!DOCTYPE html><body>var h=50 <rect width="300" heightfill:rgb(0,0,255);stroke-width:3;stroke
浏览 5
提问于2021-06-09
得票数 1
回答已采纳
2
回答
如何在javascript中从
svg
字符串中获取信息?
javascript
、
string
、
svg
我有一个
svg
绘图字符串。例如,我的字符串var包含以下内容: <g> <rect id="
svg
_1" height="152&qu
浏览 0
提问于2012-12-28
得票数 2
回答已采纳
1
回答
SVG
三角形-为什么它这么小?
svg
、
geometry
、
polygon
我为播放和暂停图标创建了两个简单的
SVG
文件:<
svg
version="1.1" xmlns="http://www.w3.org/2000/
svg
" xmlns:xlink="http:/www.w3.org/1999/xlink" width="5" height="5"> <polygon points="0,0 0,4
浏览 1
提问于2015-01-29
得票数 0
回答已采纳
2
回答
SVG
在Firefox中无法正确呈现
firefox
、
svg
我正在为一个项目开发一个
SVG
徽标,当测试它时,该徽标在Google Chrome中呈现良好,但在Firefox中呈现不正确。Google Chrome中的徽标应该是这样的: Firefox中的徽标是: 我用于
SVG
的代码是: <
svg
version="1.1" id="
svg
-logo" xmlns="http://www.w3.org/2000/
svg
" xmlns:xlink=&q
浏览 18
提问于2017-01-11
得票数 1
回答已采纳
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
SVG 图像入门教程
CSS基础(九)-viewBox(svg
编写 SVG 的指南
CSS3 clip-path 用法介绍
Python 竟能绘制出如此酷炫的三维图
热门
标签
更多标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
活动推荐
运营活动
广告
关闭
领券