标签: stroke

我有一个网页,其中有一种我必须通过中文笔划订购列表.

我创建了一个包含如下代码的应用程序:

List<Student> stuList = new List<Student>() { 
          new Student("??"),
           new Student("??"),
            new Student("??"),
             new Student("??")
            };
        System.Globalization.CultureInfo strokCi = new System.Globalization.CultureInfo("zh-tw");
        System.Threading.Thread.CurrentThread.CurrentCulture = strokCi; ;
        //stuList.sort();

但是有一个错误: At least one object must implement IComparable.

这是什么意思,我该如何解决？

使用核心图形,是否可以在路径内部进行描边？相比,线条重量在外侧拉出一半而在一条抚摸路径内侧拉出一半？

原因是,如果视图的一部分位于屏幕边缘而部分不是,则控制笔划的可见厚度会更容易.屏幕边缘上的部分被切断,而完全在屏幕上的视图边缘看起来更厚(如果笔划可见,则为两侧).

考虑 2 个 html svg 路径，一个正方形（类inside）和一个outside具有相同高度的矩形（类）。当我应用时stroke-width: 10px，笔触会5px在内部和5px外部应用。小提琴

我如何只在里面或只在外面抚摸？

.inside { 
  stroke: #333;
  stroke-mode: inside;     // property does not exist
  stroke-width: 5px;
}

.outside {
   stroke: #333;
   stroke-mode: outside;   // property does not exist
   stroke-width: 5px;
}

如果没有这样的属性，是否有解决方法来实现以下目标：

以下代码工作正常。所以真的，我很好......但我想了解 ViewModifiers......所以我的目标是将不变的东西与动态的东西分开，以创建一个.cardify()自定义修饰符来调用形状视图.

struct SetCard: View {
    
    let pips: Int
    let shape: SetCardShape
    let color: Color
    let shading: Double
    let isSelected: Bool
    
    var body: some View {
        
        ZStack {
            VStack {
                ForEach( 0..<pips ) { _ in
                    ZStack {
                        getShape(self.shape).opacity(self.shading).foregroundColor(self.color)
                        getShape(self.shape).stroke().foregroundColor(self.color)
                    }
                }
            }
            .padding() // for shape in RoundedRect
            RoundedRectangle(cornerRadius: 10).stroke(lineWidth: isSelected ? 3.0 : 1.0).foregroundColor(.orange)
        }
        .scaleEffect(isSelected ? 0.60 : 1.0 )
        .padding() // for spacing between cards 
    }
}

同样，出于学术/学习原因，我想简化这个结构，并使用自定义修饰符将主要内容转换为标准卡片。

下面的代码块仅在我注释掉ViewModifier 结构中的第二content行 …

我想修改方法select的样式.我能够改变这种方法的风格,但我无法复制蓝色笔划的白色边框.

有人能够用笔划设置矢量样式并为笔划设置边框吗？

请参阅此示例,了解我在说什么:http: //openlayers.org/en/v3.4.0/examples/select-features.html

SVG 中有没有可以在元素stroke 内部制作的选项？

#html-cup {
  stroke: #f00;
  stroke-opacity: 0.5;
  stroke-width: 4px;
  fill: #666666;
}

<?xml version="1.0" encoding="UTF-8" standalone="no" ?>
<svg viewBox="0 0 245 123" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
  <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
    <path d="M66.84,122.57 C50.67,122.59 34.5,122.57 18.34,122.59 C12.72,89.4 7.15,56.2 1.53,23.01 C28.9,23 56.26,22.98 83.63,23.02 C83.63,23.02 72.5,89.4 66.84,122.57 Z M23.1,52.01 C36.09,51.99 49.09,52 62.08,52 C60.94,65.26 59.68,78.51 58.54,91.78 C53.32,93.17 48.19,94.97 42.88,96.02 C37.33,95.22 32.05,93.15 26.62,91.77 C25.52,78.51 24.28,65.26 23.1,52.01 Z M30.14,60.03 C38.44,59.97 46.75,60.01 55.06,60 C54.92,61.66 54.77,63.33 54.62,65 L35.77,65 C35.93,66.58 36.07,68.15 36.22,69.73 C42.22,69.77 48.21,69.75 54.21,69.75 …

好吧，我正在用纯 JavaScript 制作一个 3D 渲染引擎，这当然是一个挑战 - 测试我的线性代数技能。我没有使用 webgl，所以请不要说“使用 webgl”。

无论如何，该软件将接收三角形、相机和局部变换，并将数据渲染到屏幕上（我什至使其具有交互性）

然而渲染代码只有 6 行，分别是：

// some shading and math calculations then this:
context.fillStyle = color;
context.strokeStyle = color;
context.beginPath();
context.moveTo(x0, y0);
context.lineTo(x1, y1);
context.lineTo(x2, y2);
context.lineTo(x0, y0);
context.closePath();
context.fill();
context.stroke();

虽然这有效，但在我的 Chromebook 上，当 4k+ 面孔出现时，速度会下降到 10fps。（普通计算机上为 60fps）

无论如何，输出是这样的：

但为了使其更快，并且由于画布状态变化很慢，我删除了笔画，使渲染代码如下：

// some shading and math calculations then this:
context.fillStyle = color;
//context.strokeStyle = color;
context.beginPath();
context.moveTo(x0, y0);
context.lineTo(x1, y1);
context.lineTo(x2, y2);
context.lineTo(x0, y0);
context.closePath();
context.fill();
//context.stroke();

它的运行速度是原来的两倍，但是渲染到屏幕上的结果是这样的：（不同的模型） …

我正在关注苹果的“创建和组合视图”SwiftUI 教程，在第 4 节第 5 步中，我被要求添加灰色描边，我可以这样做，但不显示颜色或给我线宽。

            .clipShape(Circle())
            .overlay(
                Circle().stroke(StrokeStyle)) 

我做错了什么还是这是某种错误？

正如苹果的例子所示；

           .clipShape(Circle())
           .overlay(
               Circle().stroke(Color.gray, lineWidth: 4))

我可以输入它，但不明白为什么它没有从检查器中提取颜色。我什至可以将颜色从灰色修改为白色，但我再次看不到代码中引用的内容

还可以从检查器添加/设置线宽吗？下一步添加阴影非常有意义，但这一步确实难倒了我。

我为我正在开发的一个小网站创建了一些基于 svg 的图标，但我无法让笔画看起来像我想要的那样。如果你看看这个 jsfiddle你就能看到我的问题。外部的笔画<rect>一直都是 1px，但由于某种原因，外部正方形的右侧和底边似乎比顶部和左侧的笔画更粗，有点像投影效果。

我在想，浏览器渲染器可能会将笔画评估为不是整数，并且对左侧和顶部边缘进行向下舍入，对右侧和底部边缘进行向上舍入（就像在许多光栅化问题中发生的情况一样），但没有无论我将其移动到页面的哪个位置，它都只是右边缘和下边缘。

有人可以告诉我这里发生了什么以及如何解决它吗？

提前致谢。

我希望在画布上画出宽度从开始到结束逐渐变化的线条。也就是说，假设该线从 开始（相当于(0, 0)），结束于，并且必须（线性）从开始到结束增加。width = 1strokeWeight(50, 50)width = 3width13

关于如何实现这一目标有什么想法吗？无法将其从网络中删除。