标签: shape

这是我目前正在进行的网站:http://willcrichton.net/

如果单击中间六边形每边的箭头,可以看到它使用jQuery + jQuery Cycle + jQuery Easing左右转换.但是,你也可以看到它相当丑陋 - 因为我使用六边形而不是正方形,因为div是方形的,内容六边形以令人不快的方式与背景重叠.

所以,我的问题是:我怎么能把div变成六角形呢？该六边形应该与内容div的大小/形状相同,并且当内容在六边形区域之外时,它应该是不可见的.

编辑:

HTML

<div id="content"> 
<div class="slide">

    <a href="#"><div class="arrow left"></div></a>
    <a href="#"><div class="arrow right"></div></a>

    <div id="websites-title"></div>
    <div class="website">

    </div>
</div>
<div class="slide">
    <a href="#"><div class="arrow left"></div></a>
    <a href="#"><div class="arrow right"></div></a>

</div></div>


<script type="text/javascript">
    $("#content").cycle({
        fx: 'scrollHorz',
        timeout: 0,
        prev: ".left",
        next: ".right",
        easing: "easeInOutBack"
    });
</script>

CSS

/* Container styles */

#container {
    width: 908px;
    height: 787px;
    left: 50%;
    top: 50%;
    position: absolute;
    margin-top: -393.5px;
    margin-left: …

我想制作一个类似于UIBackBarButtonItem的UIButton(向左指向导航堆栈的箭头.我更愿意这样做而不必使用图像,如果可能的话,因为按钮将具有不同的大小,具体取决于手机的取向.

有没有办法在代码中激活这种影响？我的想法是以某种方式使用按钮的CALayer.

谢谢!

编辑

我正在尝试使用@ Deepak的建议,但我遇到了一个问题.我希望按钮的右侧看起来像[UIBezierPath bezierPathWithRoundedRect:rect cornerRadius:4],左侧看起来像箭头.我尝试使用addQuadCurveToPoint:controlPoint方法执行此操作.

我使用矩形的角作为控制点,但路径不像我期望的那样弯曲.它仍然是走投无路的,好像我只使用了addLineToPoint:方法.我的代码如下.

float radius = 4.0;
UIBezierPath *path = [UIBezierPath bezierPath];

CGPoint startPoint = CGPointMake(rect.size.width/5.0, 0);
CGPoint pointBeforeTopCurve = CGPointMake(rect.size.width - radius, 0);
CGPoint topRightCorner = CGPointMake(rect.size.width, 0);
CGPoint pointAfterTopCurve = CGPointMake(rect.size.width, 0.0-radius);

CGPoint pointBeforeBottomCurve = CGPointMake(rect.size.width, rect.size.height-radius);
CGPoint bottomRightCorner = CGPointMake(rect.size.width, rect.size.height);
CGPoint pointAfterBottomCurve = CGPointMake(rect.size.width - radius, rect.size.height);

CGPoint pointBeforeArrow = CGPointMake(rect.size.width/5.0, rect.size.height);
CGPoint arrowPoint = CGPointMake(0, rect.size.height/2.0);


[path moveToPoint:pointBeforeTopCurve];
[path addQuadCurveToPoint:pointAfterTopCurve controlPoint:topRightCorner];

[path addLineToPoint:pointBeforeBottomCurve];
[path addQuadCurveToPoint:pointAfterBottomCurve controlPoint:bottomRightCorner];


[path addLineToPoint:pointBeforeArrow];
[path …

我有一个Numpy 3轴阵列,其元素是3维的.我想平均它们并返回相同形状的数组.正常平均函数删除3个维度并将其替换为平均值(如预期的那样):

a = np.array([[[0.1, 0.2, 0.3], [0.2, 0.3, 0.4]],
              [[0.4, 0.4, 0.4], [0.7, 0.6, 0.8]]], np.float32)

b = np.average(a, axis=2)
# b = [[0.2, 0.3],
#      [0.4, 0.7]]

结果要求:

# b = [[[0.2, 0.2, 0.2], [0.3, 0.3, 0.3]],
#      [[0.4, 0.4, 0.4], [0.7, 0.7, 0.7]]]

你能优雅地做到这一点,还是只需要在Python中迭代数组(与强大的Numpy函数相比,它会慢得多).

你能否为np.mean函数将Dtype参数设置为1D数组？

谢谢.

我已经定义了一个像这样的矩形drawable:

<shape xmlns:android="http://schemas.android.com/apk/res/android" 
    android:shape="rectangle">

    <corners android:radius="4dip"/>
    <solid android:color="#FF000000" />
    <stroke android:width="1dip" android:color="@color/service_checkbox_disabled_unchecked_stroke" />

</shape>

我可以毫无问题地将drawble显示为imageView.但是,它应该是一个复选框状态的抽象.我的复选框按钮选择器定义如下:

<selector xmlns:android="http://schemas.android.com/apk/res/android" >

    <item android:state_checked="true" android:drawable="@drawable/bg_services_tick_unchecked_disabled" />
    <item android:state_checked="false" android:drawable="@drawable/bg_services_tick_unchecked_disabled" />

</selector>

最后我的复选框:

<CheckBox
    android:id="@+id/cb_tariff_3_next_month_checkbox"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:button="@drawable/checkbox_services"
    android:layout_centerHorizontal="true"/>

任何人都可以告诉,为什么这不起作用？非常感谢你.

我想在html中创建一个具有切角并且在形状周围有边框的形状.

我可以制作没有边框的截断形状,如下所示:

HTML:

<div class="cut-off"></div>

CSS:

 .cut-off{
   position:relative;
   top:400px;
   left:400px;
   height:155px;
   width:200px;
   background:red;
}
.cut-off:after{
   position:absolute;
   bottom:0px; right:-20px;
   content:".";
   text-indent:-999px; overflow:hidden;
   display:block;
   width:0px; height:0px;
   border-top: 20px solid green;
   border-right: 20px solid transparent;
}
.cut-off:before{
   position:absolute;
   top:0; right:-20px;
   content:"#";
   text-indent:-999px; overflow:hidden;
   display:block;
   background:blue;
   width:20px; height:135px;
} 

Jfiddle在这里

现在我想要一个围绕形状的边框.我该怎么做？

我想要一个像这样的形状:

充满了色彩.

很高兴看到两个投票的问题.我现在要重新提出我的问题以避免混淆.

问题是如何用没有孔的随机但预定义的形状填充mxn网格/矩阵.预定义的形状具有变量k,其是形状由多少个块组成.每个块都是正方形,并且与网格方块的大小相同(即1x1网格).可以旋转形状以适合网格,但不会收缩或扩展.k不会改变一轮,换句话说,m,n和k在我运行答案脚本时不会改变.当我第二次运行脚本时,我可能会更改其中的一个或全部.例如,第一次,我可以运行答案脚本,其中k = 4,m = 10,n = 20.脚本完成并打印输出.第二次我将k = 3,m = 6且n = 10.我将保证m次n并且乘积调制k等于零(mxn%k = 0)以确保它们在数学上彼此适合.好的,还有一个条件:1

脚本需要从预设k池中随机填充网格.当k = 2时,预定义的形状只有一种,两个块在一起.如果你认为没有旋转,那么它有两种,水平和垂直.当k = 4时,基本上用Tetris块填充网格,即共有7种预定义形状(每种都可以旋转,并制作~20种).什么是k = 5的预定义形状,我还不知道.答案可以计算或者可以硬编码,因为找到k = 5的所有形状并不困难.

如果解决方案有限,则不需要随机.例如,m = 2,n = 2,k = 4; 或m = 1,n = 4,k = 2.别无他法,没有随机.

网格中的任何位置都不能留下任何孔.我认为,没有经过深思熟虑,许多使用mxn和mxn%k = 0的网格将有一个没有洞的解决方案.直观地说这听起来很合理,但在数学上我不知道.如果m或n是k的倍数,则保证有(所有直条)的解.

理想情况下,我希望k是一个小整数,如k <10,但在2到5的范围内是可以接受的.如果它更简单,我们可以在这里有一个固定的k,例如4,因为俄罗斯方块有着名的7个形状(ITOLJSZ).

我正在寻找Perl中最好的解决方案.Python也没问题.程序每次都需要运行m,n和k.再次,我将m,n,k拟合mxn%k = 0.

我在Perl中尝试过的努力可以解决一些k = 3的情况,并且由于边缘/角落中的单个(洞)而导致某些情况失败.需要一个好方法来检查是否有任何块变成单例.我的文本输出看起来像这样(m = 4,n = 9,k = 3).你当然可以使用这种或任何有意义的格式.

AABB
ACCB
DCEE
DFFE
DFGH
IGGH
IIJH
KKJJ
KLLL

我将获得100分的奖励(感谢那两个投票,我现在有107个声誉)来奖励最佳解决方案.

感谢您的输入.

我想使用除Rect,Triangle,Ellipse之外的不同几何形状(如六边形,星形......).我还能做什么？我能怎么做？

var canvas = new fabric.Canvas('c');
var rect = new fabric.Rect({
  left: 50,
  top: 50,
  fill: 'green',
  width: 40,
  height: 80
});
var circle = new fabric.Circle({
  radius: 20, 
  fill: 'red', 
  left: 100, 
  top: 100
});

我正试图在核心图形中斜切路径.有没有人已经为任意形状做过这个,如果是这样,他们是否愿意共享代码？

我在下面列出了我的实现.我用三个变量来确定伞:CGFloat bevelSize,UIColor highlightColor,UIColor shadow.请注意,光源的角度始终为135度.我还没有完成这个,但这里基本上是我要做的,分成两部分.第一部分,产生焦点:

1. 我找到了路径中每条相邻线之间角度的平分线.
2. 对于弧,平分线是垂直于由弧的两个端点产生的线的线,源自中点.这应该照顾使用电弧的大多数情况.我不拿弧线和线的平分线.在这些情况下,弧平分线应该可以正常工作.
3. 然后,我根据每个相邻平分线的交点计算焦点.
4. 如果焦点位于其使用的形状内,否则将被丢弃.

产生焦点的目的是按比例"缩小"形状.

第二部分有点复杂.我必须创建斜面形状的每个边/部分.我这样做是通过bevelSize沿着从最近的焦点延伸到所讨论的点的线的半径来绘制(由)原始形状的每个点.当我有两个连续的'bevelPoints'时,我创建了一个UIBezierPath,它从bevelPoints延伸到原始点并返回到bevelPoints(注意,这包括弧).这会创建一个我可以用来填充的"边/段".在直边,我只是填充阴影或高光颜色,取决于侧面的角度.对于弧,我确定弧度'弧'.如果该弧包含一个过渡角(M_PI_4或M_PI + M_PI_4),我用渐变填充它(从阴影到高光或高亮到阴影,这是合适的).否则我用纯色填充它.

更新

我把我的答案(见下文)分成了一个单独的博文.我不再使用您在上面看到的实现细节,但我将其全部保留在那里以供参考.我希望这可以帮助其他人使用Core Graphics.

我想知道我是否可以分别获得ndarray的x和y尺寸.我知道我可以使用 ndarray.shape一个代表维度的元组,但是如何在x和y信息中分离它？

先感谢您.

我想找到近似形状的总数.

在图像中,有6个没有近似多边形.我试过以下方法

    for (NSInteger i = 0; i < [arrLinesInfo count]; i++) {

              NSDictionary *dictLineInfo = [arrLinesInfo objectAtIndex:i];

              startPoint = CGPointMake([[dictLineInfo valueForKey:@"line_start_point_x"] doubleValue], [[dictLineInfo valueForKey:@"line_start_point_y"] doubleValue]);
              endPoint = CGPointMake([[dictLineInfo valueForKey:@"line_end_point_x"] doubleValue], [[dictLineInfo valueForKey:@"line_end_point_y"] doubleValue]);

              [self isCircularRoute:startPoint withEndPoint:endPoint];
            }


            -(void) isCircularRoute:(CGPoint) lineStartPoint withEndPoint:(CGPoint) lineEndPoint 
            {
                NSPredicate *pre= [NSPredicate predicateWithFormat:[NSString stringWithFormat:@"
    (self.line_end_point_x == '%f' && self.line_end_point_y == '%f') OR 
        (self.line_start_point_x == '%f' && self.line_start_point_y == '%f') OR 
        (self.line_end_point_x == '%f' && self.line_end_point_y == '%f') OR
         (self.line_start_point_x == '%f' && self.line_start_point_y == '%f')", …