jjzjj

Swift 将阴影绘制到 uibezierpath

coder 2023-09-08 原文


我有一个奇怪的问题。尽管我确实阅读了很多关于如何执行此操作的教程，但最终结果只显示了贝塞尔线，没有任何阴影。我的代码非常简单:

let borderLine = UIBezierPath()
borderLine.moveToPoint(CGPoint(x:0, y: y! - 1))
borderLine.addLineToPoint(CGPoint(x: x!, y: y! - 1))
borderLine.lineWidth = 2
UIColor.blackColor().setStroke()
borderLine.stroke()
        
let shadowLayer = CAShapeLayer()
shadowLayer.shadowOpacity = 1
shadowLayer.shadowOffset = CGSize(width: 0,height: 1)
shadowLayer.shadowColor = UIColor.redColor().CGColor
shadowLayer.shadowRadius = 1
shadowLayer.masksToBounds = false
shadowLayer.shadowPath = borderLine.CGPath

self.layer.addSublayer(shadowLayer)

我做错了什么，因为我似乎没有看到任何错误，但当然我错了，因为没有出现阴影。函数是drawRect，基本的UIVIew里面没有多余的东西，x和y是frame的宽和高。
非常感谢!

最佳答案

我直接从我的 PaintCode 应用程序中拿这个例子。希望这会有所帮助。

//// General Declarations
let context = UIGraphicsGetCurrentContext()


//// Shadow Declarations
let shadow = UIColor.blackColor()
let shadowOffset = CGSizeMake(3.1, 3.1)
let shadowBlurRadius: CGFloat = 5

//// Bezier 2 Drawing
var bezier2Path = UIBezierPath()
bezier2Path.moveToPoint(CGPointMake(30.5, 90.5))
bezier2Path.addLineToPoint(CGPointMake(115.5, 90.5))
CGContextSaveGState(context)
CGContextSetShadowWithColor(context, shadowOffset, shadowBlurRadius,  (shadow as UIColor).CGColor)
UIColor.blackColor().setStroke()
bezier2Path.lineWidth = 1
bezier2Path.stroke()
CGContextRestoreGState(context)

关于Swift 将阴影绘制到 uibezierpath，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/29126271/

uibezierpathSwiftshadowLayersectionborderLineshadowcashapelayer

有关Swift 将阴影绘制到 uibezierpath的更多相关文章

  1. ruby - 在 Ruby 中绘制点和矩形 - 2

    我正在寻找一种简单的方法来绘制大约10个点和矩形，以便能够查看我的算法哪里出了问题。我查看了gnuplot，但似乎绘制矩形特别糟糕。 最佳答案 SVG(MDNTutorial)是一种非常简单的基于文本(XML)的格式，您可以使用Ruby轻松生成它，而无需任何SVG库，并可以在任何现代Web浏览器中查看。这是一个示例:通过字符串插值的SVG点points=(0..5).map{[rand(100)-50,rand(100)-50]}puts#{points.map{|x,y|""}.join("\n")}ENDSVG输出:http:/

  2. ruby - 如何访问 ruby​​ 中的(阴影)全局函数 - 2

    我想知道如何从一个定义了方法fn的类访问ruby​​中的全局函数fn。我通过像这样给函数起别名来解决这个问题:deffnendclassBaraliasglobal_fnfndeffn#howtoaccesstheglobalfnherewithoutthealiasglobal_fnendend我正在寻找与c++的::类似的东西来访问全局范围，但我似乎无法找到有关它的任何信息。我想我并不清楚自己在寻找什么。 最佳答案 在顶层，def将私有(private)方法添加到Object。我能想到的三种获取顶层函数的方法:(1)使用send

  3. javascript - 如何动画绘制一系列线段 - 2

    我想画一个点，大约1秒后我想画下一个点。这是否可能:我已经试过了:functionsimulate(i){setTimeout(function(){drawPoint(vis,i,i);},1000);}for(vari=1;i不幸的是，这是行不通的。它只是立即绘制整条线。 最佳答案 这是行不通的，因为for循环将立即运行到结束，setTimeouts将被同时调度，所有函数将同时触发。取而代之的是，这样做:vari=1;(functionloop(){if(i++>200)return;setTimeout(function(){

  4. javascript - 在谷歌地图上自由绘制 - 2

    我正在使用GoogleMapsAPIV3在Googlemap中绘制一些自由形式的多边形，而不是标准库附带的标准点击多边形。一切都很好。问题:多边形生成大量可编辑点。如何在需要时简化多边形并创建可编辑点？这里是我的代码:varlatlng=newgoogle.maps.LatLng(46.779231,6.659431);varoptions={center:latlng,zoom:19,mapTypeId:google.maps.MapTypeId.ROADMAP,draggable:false};varmap=newgoogle.maps.Map(document.getElemen

  5. javascript - Highcharts 绘制列高度的倒数 - 2

    我正在尝试绘制一个分类的多轴排名柱形图。排名第一的应该是最高的列，最低的排名应该是最短的。基本上我希望条形的高度是倒数。非常接近:varplayer_name_array=["AaronRodgers","AndrewLuck","DrewBrees","RussellWilson","PeytonManning","RyanTannehill","TonyRomo","MattRyan","CamNewton","BenRoethlisberger","EliManning","PhilipRivers","ColinKaepernick","TeddyBridgewater","M

  6. javascript - 谷歌地图绘制两点之间的路线 - 2

    我编写了这个无辜的javascript代码，它允许用户创建两个标记并绘制它们之间的路线。它不起作用，相反，它给出了一个奇怪的错误:UncaughtTypeError:Cannotreadproperty'ya'ofundefined有人可以告诉我这里出了什么问题吗://calleduponaclickGEvent.addListener(map,"click",function(overlay,point){if(isCreateHeadPoint){//addtheheadmarkerheadMarker=newGMarker(point,{icon:redIcon,title:'H

  7. javascript - 如何在 Fabric.js 中绘制圆弧 - 2

    我正在使用Fabric.js，我想在Canvas上绘制弧线。我能找到的最接近的形状是Circle形状。当然，这只能让我画一个圆，而不是像跨越45°或180°的弧。有没有办法用Fabric.js来完成这个？如果没有，有没有办法获取底层上下文，然后创建弧并允许fabric管理它？保留Fabric.js提供的选择和缩放功能很重要。 最佳答案 在最新版本的FabricJSforcircle中添加了startAngle和endAngle属性。https://github.com/kangax/fabric.js/pull/1675varcan

  8. javascript - 在固定节点之间绘制多个链接 - 2

    我有一个力导向图，每个节点之间都有链接。现在一些节点对有多个相互连接的链接。我找到了这个例子:Drawingmultipleedgesbetweentwonodeswithd3.我觉得这很管用。但是如果你有固定的节点并拖动，路径最终会相互重叠。我整理了这个例子的编辑版本:http://jsfiddle.net/thatOneGuy/7HZcR/502/单击按钮固定节点并四处移动它们以了解我的意思。计算弧度的代码://sortlinksbysource,thentargetlinks.sort(function(a,b){if(a.source>b.source){return1;}el

  9. javascript - 将组件重新绘制为 PNG - 2

    我目前有一个Recharts组件，我想将其导出为PNG文件。(this.currentChart=chart)}width={this.state.width}height={this.state.height}data={this.testData}margin={{top:5,right:30,left:20,bottom:5}}>;但我不确定图书馆是否直接支持这一点。我有一个想法，涉及使用Canvas和2D渲染上下文让我接近解决方案，如MDN中所述。但是，我不确定将HTML元素(或React组件)呈现为Canvas以实现此解决方案的通用方法。我可能做错了这一切，我将不胜感激!

  10. javascript - d3.js 使用极坐标绘制元素 - 2

    我是d3.js的新手，不确定要使用哪个d3功能。我需要围绕原点(在一个圆圈中)同心放置一组元素。svg.selectAll('circle').each(function(){d3.select(this).attr('cx',r*Math.cos(theta)).attr('cy',r*Math.sin(theta));theta+=thetaInc;});所以与其像上面的代码那样做一些乏味的事情，d3的简短方法是什么？ 最佳答案 执行此操作的d3方法是传入数据并根据数据的索引计算位置，即类似于vartheta=2*Math.PI

随机推荐