为什么不应用rect上的样式？
在回答为什么不应用rect上的样式之前，需要明确一些前提。首先，"rect"是SVG（Scalable Vector Graphics）中的一个元素，用于绘制矩形。其次，样式的应用通常是通过CSS（Cascading Style Sheets）来实现的。
尽管SVG的"rect"元素可以通过内联样式（inline style）或者CSS样式表来定义和控制其外观，但是在实际开发中，应尽量避免在"rect"上直接应用样式的做法。原因如下：
- 分离关注点：应用样式的目的是为了控制元素的外观和表现，而"rect"元素的主要目的是定义一个矩形形状，不应该与样式混淆。通过将样式与"rect"分离，可以使代码更具可读性和可维护性，更好地分离关注点。
- 可重用性：将样式应用于"rect"上可能会限制其在其他地方的复用性。在实际开发中，经常需要在不同的元素之间共享样式，通过将样式定义为CSS类（class）或者ID（id），可以在不同的元素上重用。
- 维护成本：如果直接在"rect"上应用样式，当需要修改样式时，需要逐个查找和修改每个使用该样式的"rect"元素。而如果使用CSS类或者ID来控制样式，只需要修改样式定义的地方，就可以同时修改所有使用了该样式的元素。
综上所述，不建议直接在"rect"上应用样式，而是应该通过CSS类或者ID来控制样式，以提高代码的可读性、可维护性和可重用性。
相关·内容
1回答
我有一个<rect>，它的样式与它的组<g>不同。cw样式未应用于子代3。stroke-linejoin: round;}
path.spinoff { stroke: #0000ff; }
stroke-width: 4; fill-opacity: 1;
fil
浏览 19提问于2020-04-29得票数 0
回答已采纳
2回答
我使用ControlTemplate来定义我的按钮在WPF应用程序中的外观。此外，我想使用样式来设置我的按钮的某些方面。这些样式应在ControlTemplate中定义的元素上设置属性，如(简化)： <ControlTemplate x:Key="Template1" TargetType" Property="Fill"
浏览 0提问于2010-08-21得票数 0
1回答
在我的课堂上，我编写了下面的代码来处理窗口的灰色区域。我尝试不处理框架，因为框架有时会更改样式，这会导致意外的大小调整行为。预期的行为是，它返回窗口最左边的灰色像素。RECT rcPos, rcFrame; AdjustWindowRectEx(&rcFrame, this->Style, FALSE,RECT rcPos;
GetWindo
浏览 1提问于2013-03-02得票数 0
1回答
我在代码中创建了一个矩形，并将其放入在scenebuilder中创建的HBox中。然后，我将一个已经存在的css样式应用到它。除非我在创建矩形时指定了高度和宽度(即使css样式已经指定了高度和宽度)，否则矩形甚至不会显示。但是，当我设法让它显示时，css样式并没有被应用。我不知道为什么会发生这种情况，我希望有人能帮助我！谢谢timesheetSlots.getChi
浏览 0提问于2016-07-20得票数 1
3回答
我有一个svg，其中包含一个体积较小的rect。我希望rect在svg内水平对齐。height="110" display: flex; >
如何使rect与svg的</e
浏览 4提问于2018-11-28得票数 2
回答已采纳
1回答
我有一个自定义的QWidget (实际上是从QAbstractButton派生的)，我必须为它实现我自己的paintEvent。如何使用样式表信息？例如，假设有人定义了以下样式表，该样式表(直接或通过继承)应用于我的自定义类：
QAbstractButton { font-weight: bold; background-color: red }QAbstractButton:checked { background-color: b
浏览 0提问于2011-05-03得票数 6
回答已采纳
1回答
我正在尝试使用Qt创建一个后台应用程序。自从Ubuntu11.10之后，样式已经改变了。在前台运行应用程序时
#include <QApplication> <x>0</x>
<y>0<
浏览 3提问于2013-02-04得票数 1
2回答
在每个g标记中都有一个rect标记，我试图在jQuery中为rect对象添加单击事件。class="chart" width="760" height="400"> <recttext x="276" y="15" dy=".75em" fi
浏览 1提问于2014-07-01得票数 0
回答已采纳
我使用以下样式表在PyQt5 designer中创建了一个进度条：border-radius: 20px;如果需要，可以通过在designer中拖动进度条并使用上面的样式表轻松复制.ui文件。
<?xml version="1.0" encoding="UTF-8"
浏览 5提问于2022-06-09得票数 0
回答已采纳
我有一个SVG图，希望在另一个<rect>元素上应用<rect>属性。id="rec1" x="0" y="0" width="200" height="50" />
<rect id="rec2" x="100" y="20" width="20" heig
浏览 0提问于2012-08-20得票数 3
回答已采纳
1回答
我需要在运行时在CBS_DROPDOWN和CBS_DROPDOWNLIST样式之间切换。看起来唯一的方法就是重新创建控件。| WS_VSCROLL | WS_TABSTOP | WS_VISIBLE, rect, this, IDC_MYCOMBO);不能选择使用ModifyStyle，因为此样式不能在运行时更改。必须重新创建该控件。好的，我是在屏幕坐标中而不是对话框坐标中。CRect rect;
m_Combo
浏览 1提问于2009-02-18得票数 2
回答已采纳
4回答
使用ID设置背景颜色
、、、
我有多个图表在我的网页上，我想改变一个特定图表的背景颜色为白色，为此，我使用了下面的css样式。svg g:first-of-type rect {} stroke: #e6e6e6;svg g:first-of-type rect:not(:last-child) {}
使用上面的代码，我的应用程序中的<
浏览 0提问于2018-02-08得票数 1
2回答
我有一个要应用CSS的SVG文件。大多数规则似乎都有效，但当我应用有关圆角的规则(rx:5；ry:5)时，它没有效果。“内联”样式规则可以工作，但我不太喜欢嵌入式和外部样式表： <defs> <![CDATA[ ]]>
</styl
浏览 0提问于2011-12-31得票数 30
回答已采纳
2回答
我需要在另一个应用程序的窗口顶部绘制边框(主要目的是突出显示用户从运行的应用程序列表中选择的窗口)。我试图在本机窗口边框的顶部绘制边框，但没有绘制边框。rect = {};HDC hdc = ::BeginPaint(handle, &ps);::Rectangle(hdc, rect.lef
浏览 1提问于2018-10-17得票数 2
回答已采纳
为什么在操场函数drawRect()不工作，当我想要覆盖它和显示视图？我试着这样做： override func drawRect(rect: CGRect) { }let rect = CGRect(x: 0.0, y: 0.0, width: 300.0, height: 300.0)
let view= CustomView(fram
浏览 6提问于2015-08-05得票数 3
回答已采纳
谈论的是属性..这些是什么？是否可以将它们声明为与元素内联的属性？或者它们只能在CSS样式表中声明？
浏览 2提问于2009-05-29得票数 0
回答已采纳
1回答
我继承了一个MFC应用程序，它有一个窗口，里面有几个自己绘制的小部件，可以响应OnPaint并进行各种绘图。我注意到，为了强制控件重绘以响应各种用户操作，有以下代码：m_myControl.GetWindowRect(&rect);InvalidateRect(&rect, FALSE);m_myControl.Invalidate(FALSE);
但是，在实践中，当
浏览 3提问于2012-02-14得票数 0
回答已采纳
我有一个svg文档，其中包含一个样式表。使用样式表，我可以设置rect的填充(样式表正在工作)。我想做的是设置一个改变颜色的动画。我有以下样式表： 0% { fill: rgbaid="rect1" x="0" y="0"
浏览 2提问于2014-12-16得票数 2
回答已采纳
3回答
当鼠标移动到蓝色矩形所覆盖的区域时，我是否可以将矩形的颜色更改为红色，而当鼠标从矩形中移出时，我可以将其更改为蓝色吗？我创建的矩形： Scene scene = new Scene(root, 400, 300, Color.WHITE);
Rectangle rect15
浏览 4提问于2015-05-09得票数 3
回答已采纳
从Angular2中的元素获取样式有两种方法：1-使用nativeElement：但是，不建议这样做，因为如果您打算在将来使用类似于web工作者的东西，则不希望直接访问nativeElement。Ruler( this.domAdapter ); .ruler .the
浏览 1提问于2016-05-17得票数 8
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
