小编Art*_*nov的帖子

解决方案：

感谢 Karl 和 Ali，我现在可以使用alias'而无需创建单独的webpack.config.js文件。只需添加如下alias所示webpack.mix.js：

const mix = require('laravel-mix');
const path = require('path');

mix.js('resources/js/app.js', 'public/js')
    .postCss('resources/css/app.css', 'public/css')
    .alias({'@': 'resources/'})
    .webpackConfig({resolve: {alias: {'@': path.resolve('resources/')}}})
    .vue();

问题：

从这篇文章中，我了解到您可以配置@路径来webpack.mix.js表示项目assets/resources中的文件夹vue/laravel，以便您可以@在路径中使用该符号。

mix.webpackConfig({
  resolve: {
    alias: {
      '@resources': path.resolve('resources'),
    },
  },
})

不幸的是，这会导致以下错误。

纱线运行v1.22.17 $ mix watch [webpack-cli] ReferenceError：路径未在对象处定义。(/Users/artur/PhpstormProjects/safa-ameedee.com/webpack.mix.js:16:21) 在 Module._compile (node:internal/modules/cjs/loader:1097:14) 在 Object.Module._extensions。 .js（节点：内部/模块/cjs/loader：1149：10）在Module.load（节点：内部/模块/cjs/loader：975：32）在Function.Module._load（节点：内部/模块/cjs） /loader:822:12) 在 Module.require (node:internal/modules/cjs/loader:999:19) 在 require (node:internal/modules/cjs/helpers:102:18) 在 module.exports (/Users) /artur/PhpstormProjects/safa-ameedee.com/node_modules/laravel-mix/setup/webpack.config.js:11:5) …

我想使用一个仍旧使用的旧脚本，该脚本scipy.misc.imresize()不仅已弃用，而且已从scipy中完全删除。相反，开发人员建议使用numpy.array(Image.fromarray(arr).resize())或skimage.transform.resize()。

不再起作用的确切代码行是这样的：

new_image = scipy.misc.imresize(old_image, 0.99999, interp = 'cubic')

不幸的是，我不确定现在到底能做什么。恐怕如果我开始使用旧的scipy版本，我的新脚本将停止工作。我一直在使用它作为模糊滤镜的一部分。如何执行numpy.array(Image.fromarray(arr).resize())或skimage.transform.resize()执行与上述代码行相同的操作？很抱歉，我提供的信息不足。

编辑

我已经能够确定这条线的作用。它从此转换图像数组：

[[[0.38332759 0.38332759 0.38332759]
  [0.38770704 0.38770704 0.38770704]
  [0.38491378 0.38491378 0.38491378]
  ...

对此：

[[[57 57 57]
  [59 59 59]
  [58 58 58]
  ...

编辑2

当我使用jhansens方法时，输出为：

[[[ 97  97  97]
  [ 98  98  98]
  [ 98  98  98]
  ...

我不知道该怎么办scipy.misc.imresize。

下载带有图像的邮政编码

我有一个带有圆形蒙版png图像的文件夹：

通常，我使用以下代码制作gif文件：

import imageio
import os

imglist = []
images = []
path = ('\\').join(__file__.split('\\')[:-1]) + '\\' + 'images\\'
for r, _, f in os.walk(path):
    for i in f:
        imglist.append(r + i)

for filename in imglist:
    if filename.endswith('.png'):
        images.append(imageio.imread(filename))

frames_per_second = 24
gifpath = ('\\').join(__file__.split('\\')[:-1]) + '\\' + 'GIF.gif'
imageio.mimsave(gifpath, images, duration = 1/frames_per_second)

这对于普通图像效果很好，但似乎忽略了蒙版图像。gif看起来像这样：

知道如何制作圆形gif吗？

为什么 Tailwind 不能直接作用于 element？

这不起作用：

<template>
      <transition
        enter-class="opacity-0"
        enter-active-class="transition-opacity duration-300 ease-out"
        leave-class="opacity-0"
        leave-active-class="transition-opacity duration-300 ease-out"
      >
        Test
      </transition>
</template>

但是这个：

<template>
    <transition name="fade">
        Test
    </transition>
</template>
<style>
.fade-enter-active,
.fade-leave-active {
  @apply transition-opacity duration-300 ease-out;
}
.fade-enter,
.fade-leave-active {
  @apply opacity-0;
}
</style>

我需要让它像“但是这个”一样工作，因为我将 Nuxt 与 vite 一起使用，并且我没有让 scss 工作，所以 @apply 不是一个选项。

谢谢。

我正在尝试实现一个当视口移动到新部分时IntersectionOberver会改变的。url我找到了这个线程，现在试图让它工作vue 3 compositon api.

我正在尝试在我的中实现该脚本index.vue文件中实现该脚本，该文件是所有其他 vue 组件的父级：

<template>\n  <div class="container">\n    <navbar></navbar>\n    <social-media-bar></social-media-bar>\n    <main>\n      <home></home>\n      <news></news>\n      <vision></vision>\n      <event-section></event-section>\n      <artwork></artwork>\n      <about></about>\n      <donate></donate>\n      <contact></contact>\n      <partners></partners>\n    </main>\n    <footer-component></footer-component>\n  </div>\n</template>\n\n\n<script setup>\nimport ... // component imports\nimport {onMounted, reactive} from "vue";\nimport router from "../js/router";\n\nconst state = reactive({\n    sectionObserver: null\n})\n\nconst sectionObserveHandler = (entries) => {\n    for (const entry of entries) {\n        if (entry.isIntersecting) {\n            router.push({name: \'news\', hash: \'#news\'})\n        }\n    }\n}\n  \nconst observeSections = () => {\n …

我有这个观察者（在里面<script setup>：

const form = reactive({
    body: '',
    image: ''
})

watch(() => form.image, () => {
    console.log(form.image)
})

我想扩展它来观察两个反应对象：

watch(() => (form.image, form.body), () => {
    console.log(form)
})

但这现在只是手表而已form.body。我一直在尝试实现这个问题的答案，但它似乎不像我的观察者那样具有新值和旧值。我希望观察者在两个值都更新时触发。

我正在尝试使用经过训练的神经网络数据在jupyter笔记本中执行Tensorflow“ object_detection_tutorial.py”，但它会引发ValueError。上面提到的文件是Sentdexs tensorflow教程的一部分，用于youtube上的对象检测。

您可以在这里找到它：（https://www.youtube.com/watch?v=srPndLNMMpk&list=PLQVvvaa0QuDcNK5GeCQnxYnSSaar2tpku&index=6）

我的图片尺寸：490x704。因此，这将导致344960阵列。

但它说： ValueError: cannot reshape array of size 344960 into shape (490,704,3)

我究竟做错了什么？

码：

进口货

import numpy as np
import os
import six.moves.urllib as urllib
import sys
import tarfile
import tensorflow as tf
import zipfile

from collections import defaultdict
from io import StringIO
from matplotlib import pyplot as plt
from PIL import Image

环保设置

# This is needed to display the images.
%matplotlib inline

# This is needed since the notebook is stored in …

我有一个包含我的文件名的字符串列表:

flist = ['0.png','10.png', '3.png', '4.png', '100.png']
flist.sort()
print(flist)

输出:

['0.png', '10.png', '100.png', '3.png', '4.png']

但我想要:

['0.png', '3.png', '4.png', '10.png', '100.png']

有一个简单的方法吗？

我正在尝试从此图像中裁剪一个居中（或不居中）的圆圈：

我从有关堆栈溢出的有关此主题的现有问题中窃取了此代码，但出了点问题：

import cv2

file = 'dog.png'

img = cv2.imread(file)
img = cv2.cvtColor(img, cv2.COLOR_BGR2GRAY)
circle = cv2.HoughCircles(img,
                          3,
                          dp=1.5,
                          minDist=10,
                          minRadius=1,
                          maxRadius=10)
x = circle[0][0][0]
y = circle[0][0][1]
r = circle[0][0][2]

rectX = (x - r) 
rectY = (y - r)
crop_img = img[rectY:(rectY+2*r), rectX:(rectX+2*r)]
cv2.imwrite('dog_circle.png', crop_img)

输出：

Traceback (most recent call last):
  File "C:\Users\Artur\Desktop\crop_circle - Kopie\crop_circle.py", line 14, in <module>
    x = circle[0][0][0]
TypeError: 'NoneType' object is not subscriptable

cv2.HoughCircles()似乎产生None而不是裁剪的圆形阵列。我该如何解决？

我试图用作tiptap子组件并将其内容传递给父组件，v-model但tiptap的文档似乎只提供了如何在没有 的情况下执行此操作的信息script setup，它使用不同的API。

这是我的parent组件：

<template>
    <cms-custom-editor v-model:modelValue="state.content"/>
    <p>{{state.content}}</p>
</template>


<script setup>
import CmsCustomEditor from '../../components/backend/cms-custom-editor.vue'
import {reactive} from "vue";

const state = reactive({
    content: '<p>A Vue.js wrapper component for tiptap to use <code>v-model</code>.</p>',
})

</script>

这个child组件具有tiptap：

<template>
  <div id="cms-custom-editor" class="cms-custom-editor">
    <editor-content :editor="editor"/>
  </div>
</template>


<script setup>
import {useEditor, EditorContent} from '@tiptap/vue-3'
import StarterKit from '@tiptap/starter-kit'

const props = defineProps({
    modelValue: {
        type: String,
        default: ''
    } …