Flash矩形的盒子模型是什么？
在CSS中，我们有一个箱体模型来定义边框、边距、填充和填充对矩形的总宽度和高度的贡献。我正在将我的一些HTML/CSS设计移植到Flash中，不太清楚Flash的盒子模型是什么。在Flash中，我创建了一个具有渐变填充和非缩放1像素笔画的矩形.我试图获得像素完美的位置和大小，但经验是不可预测的。下面的问题我看不出有什么规律。答案真的会根据具体情况而改变。
- 当您将
x和y都设置为0时，边框位于哪里？是不是从屏幕上掉下来了？是被原点切成两半吗？或者是完全可见的？ - 当您设置宽度为100时，填充98宽还是100宽？
- 当矩形不在整数坐标处时，1 1px厚边框会发生什么情况？
示例：
var sh:Shape = new Shape();
sh.graphics.lineStyle(1.0, 0x00FF00, 1.0, false, LineScaleMode.NONE);
sh.graphics.beginFill(0xFF0000, 1.0);
sh.graphics.drawRect(0, 0, 100, 100);
sh.graphics.endFill();
addChild(sh);
sh.x = 10;
sh.y = 10;我试着在x:10，y:10创建一个100x100平方。当我测量Photoshop的总宽度和高度时，结果是101x101。奇怪！人们要么期望最终维度是100x100 (内部边界)，要么期望102x102 (外部边界)。
Stack Overflow用户
发布于 2011-06-29 21:36:23
Flash显示对象中的笔画沿着填充的边缘放置。这是这样的，一半的笔划在填充之外，另一半在填充的范围内。这与CSS中的边框不同，CSS中的边框完全位于内容区域之外。
最好用一个相对于舞台的物体来说明，它有一个坚实的填充和一个半透明的笔画。在下面的图片中，矩形是200乘200像素，10像素的笔画.填充时间为100%α时为#00FFFF，50%α时为#FF0000。注意，笔画外的5像素厚区域是如何与舞台颜色混合的，而它内部的5像素厚区域是如何与填充颜色混合的。在Photoshop中测量到的每一侧的总宽度为210像素(5 + 200 + 5)。
为了回答你的问题..。
- 当您将
x和y都设置为0时，边框位于哪里？是不是从屏幕上掉下来了？是被原点切成两半吗？或者是完全可见的？
一半的顶部和左边的笔画将在物体内可见。另一半将被舞台边缘所切断。
- 当您设置宽度为100时，填充98宽还是100宽？
填充宽度为100像素。当每一边的矩形宽度的一半被笔画占据时，笔划实际上并不占用空间或剪辑填充；只是看不到笔画后面的填充区域(见上图)。
- 当矩形不在整数坐标处时，1 1px厚边框会发生什么情况？
如果没有为该笔画启用笔划暗示，它将被绘制反别名或模糊。如果笔画暗示是启动，笔画将尽可能尖锐(同时仍然保持足够的反混叠)。
https://stackoverflow.com/questions/6526103
复制相似问题
腾讯云开发者
