#vue3
在vue3项目使用fabric.js 图片缩放失效？
我被这个问题困扰一天了，我的也是在vue3中添加对象不能旋转和放缩但是可以选中和移动。找了好久解决方案，问了gpt和claude好就这个问题，终于找到了解决方案，在这里
javascript - Vue3 + FabricJS - Cannot resize/edit objects created using a reactive variable until I select multiple objects - Stack Overflow
大致就是，需要使用vue中的markRaw来包裹对象，使得其永远不会转换为proxy（百度说的）
具体操作是
<script>
import { markRaw } from 'vue';
...
canvas.add( markRaw(rect) )
...
</script>
先引入markRaw，然后在画布上添加这个对象的时候将他用markraw包裹一下，我的问题就这样解决了。
传统搜索引擎还是很有用的。。。。... 展开详请
uniapp require引入cos-wx-sdk-v5报错 module？
这里后端应该怎么接收阿？
vite打包？
在 Vite + Vue3 + Typescript 项目中，默认情况下，只有 CSS 中用作背景图的图片会被 Vite 进行打包处理。这是因为 Vite 在处理 CSS 文件时会分析其中的背景图并进行处理，将图片进行优化、打包，并生成对应的路径。但是，对于 <img> 标签里的图片，Vite 不会主动进行处理。
解决这个问题的方法是使用 import 导入图片，并在 Vue 组件中引用这些图片。这样 Vite 就会将这些图片作为模块处理，并正确进行打包。
下面是一个示例：
在 Vue 组件中：
<template>
<div>
<!-- 使用 require 导入图片 -->
<img :src="logo" alt="yifan-online.logo">
</div>
</template>
<script>
import { defineComponent } from 'vue';
import logo from './assets/logo.png';
export default defineComponent({
data() {
return {
logo: logo,
};
},
});
</script>
在上述示例中，我们使用 import 导入图片 logo.png，并在组件中引用它。此时，Vite 将会处理这个图片，并进行打包。注意要根据具体的项目路径和文件名设置正确的路径。
使用这种方式，<img> 标签里的图片就能够被 Vite 打包并正常显示了。
... 展开详请
ts(1005)应为“，”？
ICP备案
云服务器
对象存储
云点播
即时通信 IM
实时音视频
DNS 解析 DNSPod
内容分发网络 CDN
人脸识别
私有网络腾讯云开发者
