腾讯云
开发者社区
文档
建议反馈
控制台
登录/注册
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(2338)
视频
沙龙
1
回答
在
桌面上
使用
CSS
使
svg
文本
路径
居中
出现问题
、
我已经查看了其他
svg
文本
问题,但我无法理解我做错了什么。我
在
一个实时网站的https://sourdoughstory.com/product/mushroom/上工作,并
使用
代码 <
svg
class="
svg
-width desktop" stylestartOffset="50%" text-anchor="middle"> Thought
浏览 22
提问于2020-01-15
得票数 0
回答已采纳
2
回答
使用
CSS
使
SVG
剪辑
路径
居中
、
我希望
SVG
剪辑
在
周围的div中
居中
,如下例所示: <div class="
svg
-clipped"></div> </div>
浏览 4
提问于2015-06-04
得票数 1
1
回答
使用
Javascript将
文本
居中
并
使用
css
3视口调整大小
在
调整大小时会出现抖动
、
、
、
、
当窗口调整大小时,我遇到了一些
文本
居中
和平滑调整大小的问题。 我
使用
jQuery
使
文本
居中
。jQuery.fn.center = function () { this.
css
("position","abs
浏览 0
提问于2013-12-29
得票数 1
1
回答
调整
SVG
背景图像的大小
、
、
请查看
CSS
以了解我是如何尝试调整图像大小的。我不确定如何
使
中心的“内容”(
文本
和标题栏)浮动
在
SVG
图形的中心之上。最好是尝试将内容
居中
并浮动
在
标志背景上;或者我是否希望
在
背景图像上设置框大小?或者,有没有更简单的方法
使
中心的内容“浮动”
在
背景中的缅甸的
SVG
旗帜之上(这些是我尝试定位背景和内容的无效
css
规则) background-im
浏览 3
提问于2012-05-03
得票数 1
1
回答
在
SVG
路径
元素上
居中
文本
的最佳方式是什么?
、
我最近发现了
SVG
Text Elements的alignment-baseline和text-anchor样式,但由于某些原因,这些属性似乎不适用于
SVG
Path Elements。我希望能找到一些方法来
居中
测试
文本
,而不用
使用
javascript来设置前面提到的
文本
元素的'x‘和'y’值。<
svg
width="600" height="600"> <!24px;&quo
浏览 0
提问于2021-09-07
得票数 0
1
回答
SVG
textPath
在
Safari中不起作用
、
、
我试图通过内联
SVG
在
图像上覆盖一个弯曲的
文本
。它在Chrome上运行得很好,但在iOS和
桌面上
的Safari不能渲染
文本
。 <style type="text/
css
>此代码片段
在
Chrome中显示
文本
浏览 10
提问于2018-07-18
得票数 3
回答已采纳
1
回答
使
按钮具有
SVG
动画响应性
、
、
.
svg
-wrapper { position: relative; border-radius: 3px;margin-top: -42px; color: black; color: black;} stroke-width: 3px;
浏览 13
提问于2021-05-15
得票数 1
2
回答
关于
svg
元件的定位与对准
、
我是
SVG
和
CSS
的初学者,我的最终目标是让一个
svg
节点在左侧40%的宽度上包含另一个
svg
节点,而右边的一个
文本
节点占据其余的60%,两者都是垂直
居中
的,大致以<
svg
viewBox|<-40%-><--60%-->|另外,我希望
在
没有JavaScript的情况下尽可能地实现这一点。但是,我遇到了以下问题, 为什么
在</e
浏览 1
提问于2021-05-22
得票数 0
1
回答
裁剪/掩蔽子部分-
SVG
链接图像的部分
、
、
我
在
SVG
中嵌入了一个庞大的image地图,它比浏览器窗口大得多,并且以屏幕为中心。-------------------->有两条路。一条小径勾勒出一座建筑物。另一条
路径
在
地图上勾勒出一个子区域.用户可以单击这些
路径
,然后
使用
transition将特定
路径
逐渐集中
在
屏幕中央。 一旦
路径
居中
,我想做的就是剪辑或屏蔽该
路径
之外的所有内容,以
浏览 1
提问于2019-01-08
得票数 0
回答已采纳
1
回答
使
GitHub的自述文件
在
智能手机和台式机上看起来不同,只
使用
HTML (
CSS
受到限制)
、
、
、
/logo.
svg
" align="right" width="180px">这样,图像占据屏幕的右侧,允许将
文本
放在左侧。问题:,如果你
在
智能手机上打开这样的链接,那么
文本
的空间太小了,用拆分的单词或字母看上去很糟糕。如果我能专门为移动
浏览 1
提问于2020-02-12
得票数 8
1
回答
在
SVG
下方
居中
显示
文本
、
我正在
使用
这个
svg
<
svg
viewBox="0 0 26 26" id="terms" className="terms-
svg
"> <path id="Path_349" data-name> 我遇到的问题是如何
使
它下面的术语和信息
文本
围绕
SVG
居中
,我尝试将其放在
svg
下的<p>标记中,但是<e
浏览 24
提问于2019-06-25
得票数 0
回答已采纳
1
回答
如何
使用
kineticjs将
文本
沿Kinetic.TextPath
居中
在
Kineticjs中,有没有办法
使用
Kinetic.TextPath将
文本
沿着
路径
居中
。我也尝试过手动
使用
空格来分隔
文本
,但是kineticjs似乎将字符转换为正常的空格,例如。
浏览 1
提问于2013-04-15
得票数 2
回答已采纳
2
回答
如何对齐元素并向引导li添加图标
、
、
、
我不知道如何用文字来
居中
图标。我有
SVG
+短信。我可以用普通的
CSS
(flex-box)来完成,但是我必须
使用
引导。另外,我希望将
文本
居中
,因此它将作为网页的其他部分
居中
,我希望它垂直对齐。所以问题是:谢谢 <section class="perks
浏览 1
提问于2021-01-22
得票数 0
5
回答
使用
CSS
进行水平对齐
我有以下代码: <p>Test<p><span style="color: Green">▼</span>这是一个非常简单的问题,我想,但我不知道
CSS
如何
使
段落显示为水平
居中
对齐?
浏览 8
提问于2011-06-11
得票数 3
回答已采纳
2
回答
首选项中的Inkscape set transform-origin
、
、
我希望Inkscape的传输(应用于它管理的
SVG
元素)是从元素边界框的中心计算的,而不是从左上角(默认情况下)计算的。有可能做到这一点吗?Tnx。
浏览 1
提问于2016-02-21
得票数 1
1
回答
圆圈内的弯曲
文本
和从中心到底部的中心
、
、
我有一个圆,我需要在圆内有
文本
,它遵循圆的
路径
。我发现了另一个问题:
文本
在这里将是橙色的(动态长度),并且需要
居中
到圆圈的底部(蓝点)
浏览 24
提问于2021-05-25
得票数 0
1
回答
调整现有
svg
的大小
、
、
我正在尝试学习如何正确处理现有的
svg
,以便将其与
文本
对齐。到目前为止,我(可能是天真地)是这样理解事情的:viewBox -定义该视口中的平移和缩放。通常情况下,您的
svg
高度/宽度应该与您的viewBox匹配,但是下面的让我认为矢量本身(或者我猜是
路径
)的大小很重要。我没有问题操纵圆,因为我设置了它的大小。我只需要微调图标的viewBox,直到它<e
浏览 4
提问于2018-08-23
得票数 1
回答已采纳
1
回答
如何在
SVG
区域中
居中
显示
文本
、
、
我试图
在
我的
SVG
区域
居中
显示
文本
,但是没有成功。有谁对如何优化这一点有什么见解? <g>genevieve" startOffset="50%"
浏览 4
提问于2020-08-17
得票数 1
1
回答
如何
使用
bootstrap垂直对齐与
文本
相关的
SVG
、
、
、
使用
bootstrap时,我无法获得相对于
文本
垂直
居中
的内联
SVG
。下面是一个最小示例的样子 <link href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/
css
/bootstrap.min.
css
" /&
浏览 11
提问于2021-05-21
得票数 1
回答已采纳
1
回答
解决铬损坏
文本
剪辑-
路径
?
、
、
当小
文本
被用作剪辑
路径
时,有谁能建议一种
使
Chrome不损坏
文本
的方法呢? 我用的是
svg
和
文本
剪辑
路径
。Windows 7上的Chrome 38 (& 37也是如此)
在
文本
用作剪辑
路径
时会损坏
文本
,但只有当
文本
小于一定大小时才会损坏。以前我可以通过
使用
svg
字体来解决这个问题,但是Chrome 38取消了对
svg
字体的
浏览 4
提问于2014-10-22
得票数 1
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
深度盘点:20个常用的CSS技巧
20条CSS高级技巧
24个 CSS 高级技巧合集
大麦端选座SVG 渲染
CSS高级技巧,看完提升一个层次
热门
标签
更多标签
云服务器
ICP备案
对象存储
腾讯会议
云直播
活动推荐
运营活动
广告
关闭
领券