腾讯云

文章/答案/技术大牛

发布

社区首页 >问答首页 >SVG:如何创建文本的自调整容器

问SVG:如何创建文本的自调整容器
EN

Stack Overflow用户

提问于 2012-01-06 02:04:32

回答 1查看 1.2K关注 0票数 2

这其实是两个相关的问题。我想从一个记事本上创建一个页面的图像，其中包含一些SVG中的可变文本。

SVG是否提供了任何本地文本包装功能，或者我是否需要计算单词的水平宽度，并自己打破文本的线条？我该怎么做？

SVG是否提供任何本机方式自动包装文本周围的容器？还是需要计算文本块的垂直高度并自行设置容器的高度？我该怎么做？

编辑：(如果相关的话)，我将在C#中构造SVG字符串。

svg

回答 1

Stack Overflow用户

回答已采纳

发布于 2012-01-06 02:16:26

SVG1.1中没有文本包装功能，尽管它正在为即将发布的SVG2.0规范进行研究。SVG允许您通过getComputedTextLength获取文本的宽度

可以通过调用getBBox来计算文本块的边框。

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/8756131

复制

SVG - 创建SVG图片

svg html5

SVG - 创建SVG图片 HTML5学堂：之前在绘图中使用到了SVG以及Canvas，因此决定最近将绘图类的知识和大家分享一下。从研究角度来说，SVG比Canvas要难很多。没有合适的中文文档，自己只能去翻译英文文档（唉，英语不好啊）。今天先来说说SVG的基本知识以及创建SVG的基本方法。 SVG是什么 W3C推荐的网页图形格式，类似于Flash，SVG是一种描述二维矢量图形的标记语言，但它是一种开发的以XML为基础的语言，不是一种私有语言。 SVG的支持程度 IE8-以及Android 2.3默认浏览器

HTML5学堂

2018/03/12

4.1K0

函数创建.作用域,自调用

其他

ps:在函数外声明的变量作用域为全局变量,任何地方都可以使用函数内部通过var声明的变量是局部变量,内部没有通过var创建的变量是全局变量作用域不是全局变量的就是局部变量

十月梦想

2018/08/29

6440

Spring 容器原始 Bean 是如何创建的？

spring 容器对象配置源码

这个话题其实非常庞大，我本来想从 getBean 方法讲起，但一想这样讲完估计很多小伙伴就懵了，所以我们还是一步一步来，今天我主要是想和小伙伴们讲讲 Spring 容器创建 Bean 最最核心的 createBeanInstance 方法，这个方法专门用来创建一个原始 Bean 实例。

江南一点雨

2023/09/09

1920

javascript自调函数

其他

JavaScript中匿名函数一种非常常见的用法就是自调函数，这种函数可以在定义之后自行调用。自调函数常见形式是： (function(){ alert("foo"); })() 光看这个形式，可能会让人以为是在函数体前后包个括号，然后后面通过括号运算符来立即调用函数，形式上说是对的，但是为什么要给函数包个括号？下面我们就来重新认识一下自调函数。要理解自调函数，首先我们要理解两个概念函数声明函数声明通常由一下几部分组成： function子句函数名称函数的参数函数体

Bob.Chen

2018/04/27

1.4K0

完整剖析SpringAOP的自调用

aop spring https javascript node.js

spring全家桶帮助java web开发者节省了很多开发量，提升了效率。但是因为屏蔽了很多细节，导致很多开发者只知其然，不知其所以然，本文就是分析下使用spring的一些注解，不能够自调用的问题。因为本身这类文章很多，所以有些地方不会详述，直接引用其他文章。

方丈的寺院

2019/09/18

7240

Spring 容器的创建过程

容器 spring java

Spring 容器首先会执行 org.springframework.context.annotation.AnnotationConfigApplicationContext 的一个方法：

wsuo

2020/07/31

1.2K0

SVG - 基本的SVG属性

svg html5 html

SVG - 基本的SVG属性 HTML5学堂：在前一篇文章当中，我们讲解了SVG的基本知识，并且为大家介绍了如何在html文件当中书写SVG代码。今天我们具体讲解SVG的基本属性，如何使用SVG完成线、圆等图形的绘制。 line - 直线拥有四中基本属性 x1 属性在 x 轴定义线条的开始 y1 属性在 y 轴定义线条的开始 x2 属性在 x 轴定义线条的结束 y2 属性在 y 轴定义线条的结束 demo <line x1 = "20" y1 = "20" x2 = "200" y2 = "180" st

HTML5学堂

2018/03/12

4.1K0

完整剖析SpringAOP的自调用

aop spring https javascript node.js

Bug开发工程师

2019/10/14

1.1K0

如何使用 Pygame 创建文本输入框？

游戏 pygame text 函数视频

要使用pygame，应该对Python语言有基本的了解。在本教程结束时，我们将能够了解 Pygame 的工作原理。它包括制作视频游戏和图形的几个功能。在安装 Pygame 之前，应该在系统中安装 Python。

很酷的站长

2023/08/11

5360

GIMP 教程：如何在 GIMP 中创建曲线文本

教程

当你在 GIMP 中制作一个徽章、海报或其它任何作品时，你需要扭曲或弯曲一些文本。多功能的 GIMP 工具提供了一些创建弯曲文本的方法。取决于你将如何使用它和你想给予文本的弧度，有一些适合不同情况的方法。

用户8639654

2021/09/14

2.2K0

该如何正确的使用SVG sprites？

其他

大家好，这里是@IT·平头哥联盟，我是`首席填坑官`——苏南，今天要给大家分享的是SVG sprite(也叫雪碧图)，所谓雪碧图，当然就不是我们常喝的雪碧饮料（Sprites）哦，哈哈～

苏南

2018/12/07

2.2K0

网页中如何使用SVG

编程算法 svg css html

① 如果文件中的根元素带有明确的 height 和 width 属性，则它们会被用作文件的固有尺寸； ② 如果只指定 height 或者 width ，并且带有 viewBox 属性，那么将用 viewBox 计算宽高比，图像会被缩放已匹配指定的尺寸； ③ 如果带有 viewBox 属性而没有尺寸，则 viewBox 的 height 和 width 将被视为像素长度。 ④ 没有如何尺寸，浏览器应该为嵌入内容应用默认 HTML 尺寸，通常是 150 像素高，300 像素宽。

奋飛

2021/08/31

1.9K0

本文说如何显示SVG

其他

这些图片在http://www.zcool.com.cn/，不知道是不是不能直接用我们需要一个看起来不会模糊，因为矢量图，所以我们就使用svg，其实png也是，但是他播放模糊。

林德熙

2018/09/18

1.1K0

文本txt实现bat锁机代码（整蛊可用）

add bat text

1、Net User 作用：添加或更改用户帐号或显示用户帐号信息。命令格式：Net user [username [password | *] [options]] [/domain] 有关参数说明： ·键入不带参数的Net user查看计算机上的用户帐号列表 ·username添加、删除、更改或查看用户帐号名 ·password为用户帐号分配或更改密码 ·提示输入密码 2、Net Localgroup 作用：添加、显示或更改本地组。命令格式：Net localgroup groupname {/add [/comment:"text "] | /delete} [/domain] 有关参数说明：

HACK学习

2019/08/06

5.6K3

网页中如何使用SVG

svg

① 如果文件中的根元素 <svg> 带有明确的 height 和 width 属性，则它们会被用作文件的固有尺寸； ② 如果只指定 height 或者 width ，并且 <svg> 带有 viewBox 属性，那么将用 viewBox 计算宽高比，图像会被缩放已匹配指定的尺寸； ③ 如果<svg> 带有 viewBox 属性而没有尺寸，则 viewBox 的 height 和 width 将被视为像素长度。 ④ 没有如何尺寸，浏览器应该为嵌入内容应用默认 HTML 尺寸，通常是 150 像素高，300 像素宽。

奋飛

2021/02/16

1.2K0

一篇文章带你了解SVG 文本效果

svg

SVG <text>元素用于在SVG图像中绘制文本。在svg中使用 <text>元素,可以实现绘制文字,文字旋转,多行文字,具有超级链接的文字等。

前端进阶者

2021/04/13

1.3K0

轻量级容器Docker - 创建nginx容器

容器镜像服务容器

image.png 之前已经为Docker配置好了ssh服务，并创建好了带有SSH服务器的镜像，这里在此基础上安装nginx服务器，使外部可以访问容器中的nginx服务思路（1）通过ssh登录容器，安装nginx服务器（2）创建新的nginx镜像（3）基于新镜像启动容器，测试nginx服务操作（1）安装nginx 启动容器，启动时打开ssh的22端口 docker run -d -p 22 dys/centos:ssh 执行 docker ps 命令，查看 22 对应主机的端口号，我这里是103

dys

2018/04/02

1K0

Docker 创建 MySQL 容器

容器编程算法数据库云数据库 SQL Server

1. 拉取镜像 docker pull mysql:5.7 2. 查看当前所有的镜像 docker image ls 3. 创建并启动一个容器 docker run --name test-mysql -e MYSQL_ROOT_PASSWORD=123456 -p 3306:3306 -d mysql:5.7 -name: 给新创建的容器命名，此处命名为test-mysql -e: 配置信息，此处配置 mysql 的 root 用户的登录密码 -p: 端口映射，此处映射主机的3306端口到容器test-m

山海散人

2021/03/03

6K0

点击加载更多

相似问题

如何根据容器的大小缩放SVG文本？

如何为tkinter文本框创建“自调整”书签

118

SVG缩放文本以适应容器

svg /快照svg创建弯曲的文本

挠性容器取整高度

添加站长进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

问SVG:如何创建文本的自调整容器
EN