小编Tob*_*Sta的帖子

图像上的 React Native svg 剪辑路径不起作用

尝试使用 svg ClipPath 剪辑 Image 组件被证明是有问题的。我可以剪辑 Rect 没问题,但是当我用 Image 替换 Rect 时,什么也没有显示。

octogon.points = "80,0.3 23.6,23.6 0.3,80 23.6,136.4 80,159.7 136.4,136.4 159.7,80 136.4,2 3.6";

props.photoUri = "file:///data/user/0/host.exp.exponent/cache/ExperienceData/%2540anonymous%252Fhalt-c46ef35c-1897-441e-840e-28147c0de5a9/ImagePicker/d68a7ddd-807e-4d26-95c2-bd47ddca803e.jpg"

<View style={styles.container}>
    <Svg width={160} height={160} viewBox={`0 0 160 160`}>
        <Defs>
            <ClipPath id="clip">
                <Polygon points={octogon.points} />
            </ClipPath>
        </Defs>
        {/* <Rect x="0" y="0" width="160" height="160" fill="red" clipPath="#clip" /> */}
        <Image x="0" y="0" width="160" height="160" source={{ uri: props.photoUri }} clipPath="#clip" />
    </Svg>
</View>
Run Code Online (Sandbox Code Playgroud)

注释掉的 Rect 按预期工作并创建了一个红色的八边形。图像返回空白。

我觉得我忽略了一些简单的事情。任何帮助表示赞赏。

svg clip reactjs react-native react-native-svg

5
推荐指数
1
解决办法
3367
查看次数

限制UIPanGestureRecognizer移动

我有一个可以使用UIPanGestureRecognizer拖动的UIView对象,但我只希望它能够向上移动3/4的屏幕.我不希望它被剪裁,但是要达到某一点而不能被拖得更远.到目前为止,它只允许它在Y轴上移动(这是所需的).

- (IBAction)panGesture:(UIPanGestureRecognizer *)recognizer
{
  CGPoint translation = [recognizer translationInView:self.view];
  recognizer.view.center = CGPointMake(recognizer.view.center.x, 
                                       recognizer.view.center.y + translation.y);
  [recognizer setTranslation:CGPointMake(0, 0) inView:self.view];
}
Run Code Online (Sandbox Code Playgroud)

谢谢你的帮助.

uiview ios uipangesturerecognizer

2
推荐指数
1
解决办法
7228
查看次数

Laggy自定义光标是Flash

在flash as3中制作自定义光标,我用扫帚柄(简单的矢量动画片段)替换了光标.代码是下面的标准自定义游标代码:

private function listeners():void  {
    this.addEventListener(MouseEvent.MOUSE_MOVE, attachBroom);
}

private function attachBroom(e:MouseEvent):void 
{
    broomStick.x = e.stageX - 10;
    broomStick.y = e.stageY - 5;
    e.updateAfterEvent();
}
Run Code Online (Sandbox Code Playgroud)

SWF可以在这里找到.在实际烟雾报警图形的顶部,光标很好,但是当它越过背景时,当鼠标以"快速"速度移动时,它会严重滞后.

flash cursor actionscript-3

1
推荐指数
2
解决办法
1308
查看次数