小编L_O*_*L_O的帖子

外角圆形设计气球

我试图弄清楚如何为聊天气泡制作外角圆形设计,以获得所需的结果:

在此处输入图片说明

我必须使用气泡作为不同背景的组件,没有相同和纯色,但有一些设计元素,所以气泡周围的空间必须是透明的:

在此处输入图片说明

我试过将元素添加为单独的部分,但似乎不正确的方法将其固定在正确的位置,改变屏幕大小作为单独的部分,并将表单的下端隐藏在气泡方角后面:

.balloon {
  margin: 40px;
  display: inline-block;
  position: relative;
  width: 200px;
  height: auto;
  background-color: rgb(114, 238, 110);
}

.txt {
  padding: 10px;
}

.right:after {
  content: " ";
  position: absolute;
  right: 0px;
  bottom: -20px;
  border: 12px solid;
  border-color: rgb(114, 238, 110) rgb(114, 238, 110) transparent transparent;
}

.left:after {
  content: " ";
  position: absolute;
  bottom: -20px;
  border: 22px solid;
  border-color: transparent transparent transparent rgb(114, 238, 110);
}

div.selectable div.active:after {
  content: "";
  position: absolute;
  margin-right: -8px;
  width: 37px; …
Run Code Online (Sandbox Code Playgroud)

html css chat

6
推荐指数
1
解决办法
88
查看次数

Haarcascade嘴笑xml for EmguCV旧版本

我使用的是EmguCV的旧版本,其中dll-s是2.2.1.1150

此XML-s与新版本的库一起正常工作

  1. haarcascade_smile.xml
  2. haarcascade_mcs_mouth.xml
  3. haarcascade_mcs_mouth.xml

但此XML-s版本均不能与EmguCV库的2.2.1.1150版本一起使用,并引发异常:

该节点不代表用户对象(未知类型?)

我正在尝试找到一些与EmguCV版本2兼容的.xml以进行嘴部微笑检测,而且我不确定在没有CascadeClassifier的情况下是否能够做到这一点。

2.2.1.1150成功使用了日期为2000的xml-s,例如haarcascade_frontalface_default。显然,我应该找到类似的haarcascade嘴笑,大约为2000,但它看起来很老,也许不可能

c# xml detection computer-vision emgucv

5
推荐指数
0
解决办法
97
查看次数

React Native 应用程序图像未出现在 Chrome 浏览器中,并且设备上的网络图像与 GitHub 链接

我正在尝试React Native <Image source={require('./assets/favicon.png')} /> 根据Docs Static Image Resources找出图像和网络图像:

import { StatusBar } from 'expo-status-bar';
import React from 'react';
import { StyleSheet, Text, View, SafeAreaView, Image } from 'react-native';

export default function App() {
  return (
    <SafeAreaView style={styles.container}>
      <Text>App</Text>
      <Image source={require('./assets/favicon.png')} />
    </SafeAreaView>
  );
} 
Run Code Online (Sandbox Code Playgroud)

Expo Clienticon.png在设备上显示默认值,但在Chrome浏览器控制台中显示Image: /static/media/favicon.608e4d9d.png,更新文本和背景颜色,但没有出现图像,即使是默认图标,在控制台中显示此内容,不确定是否相关:

没有触摸开始就不能记录触摸结束。触摸结束:{"identifier":0,"pageX":709,"pageY":185,"timestamp":1807.07999999986775} 触摸银行:[]

使用网络图像在带有Expo Clientforhttps://reactjs.org/logo-og.png或随机图片https://picsum.photos/200/300链接的设备上运行良好:

<Image source={{uri: 'https://picsum.photos/200/300'}}
       style={{width: 400, height: 400}} />
Run Code Online (Sandbox Code Playgroud)

但屏幕上没有任何大小相同甚至小于 15.7 KB 图像的 GitHub …

google-chrome reactjs react-native expo

5
推荐指数
0
解决办法
156
查看次数

只允许数字和字母输入字符串

我试图避免在我的输入字符串中输入除数字和字母以外的任何标记page.php

<input type="text" id="input"> 
Run Code Online (Sandbox Code Playgroud)

从这个答案只允许输入英文字符和数字 <input type="text" id="input" class="clsAlphaNoOnly">

$(document).ready(function () {
  $('.clsAlphaNoOnly').keypress(function (e) {  // Accept only alpha numerics, no special characters 
        var regex = new RegExp("^[a-zA-Z0-9 ]+$");
        var str = String.fromCharCode(!e.charCode ? e.which : e.charCode);
        if (regex.test(str)) {
            return true;
        }

        e.preventDefault();
        return false;
    }); 
})
Run Code Online (Sandbox Code Playgroud)

或这个:

$(function(){
    $("#input").keypress(function(event){
        var ew = event.which;
        if(ew == 32)
            return true;
        if(48 <= ew && ew <= 57)
            return true;
        if(65 <= ew && ew <= 90) …
Run Code Online (Sandbox Code Playgroud)

html javascript regex validation input

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