Vue Canvas不加载图像

文章/答案/技术大牛

发布

1回答

vue.js、canvas

id="my-canvas"></canvas> console.log("Building Canvas") va

浏览 73提问于2019-12-20得票数 0

回答已采纳

1回答

使用Vue.js在rails应用程序中显示Google

javascript、ruby-on-rails、vue.js

日安，下面的链接是我正在努力实现的目标。html <div id="vue-

浏览 4提问于2019-12-22得票数 0

1回答

用Vue和Bootstrap在图像上绘制一个框

javascript、vue.js、canvas、bootstrap-vue

我正在构建一个应用程序，你可以上传图片，他们被发送到一个服务器，在那里的对象被检测到图像和对象在图像中的位置是返回。现在我想用图像中检测到的对象来标记这个区域，但是我在这里用Javascript和Vue做了一些斗争。下面是我的vue组件的代码： <span v-if="upload_success"> <b-i

浏览 6提问于2020-03-04得票数 0

回答已采纳

3回答

画布上的图像比原来的尺寸大。

javascript、jquery、html、html5-canvas

在我的图像中，我：img.src = e.target.result;$('#test-canvas').width(img.width);var ctx = canvas.getContext('2d'); ct

浏览 5提问于2015-07-29得票数 1

回答已采纳

1回答

drawImage()不会显示保存在本地的图像，但会显示托管在其他地方的图像

javascript、vue.js、html5-canvas

我有一个Vue应用程序在工作，但遇到了一个问题。我可以在其他地方托管的图像上使用drawImg，但是当保存文件并尝试在本地加载时，它什么也不做。没有错误，只是它没有绘制图像。我可以将相同的图像加载到一个普通的img标记中，所以不会出现路径问题。下面是加载图像的代码，以及保存的图像和URL的示例。www.templatesfront.com/wp-content/uploads/2016/05&#

浏览 17提问于2020-06-01得票数 1

回答已采纳

1回答

Fabricjs画布对象渲染不正确

fabricjs

如果我只使用文本对象，那么请看下面的小提琴(保存后) enter code here请帮助解决这一问题。谢谢。

浏览 1提问于2015-12-29得票数 0

回答已采纳

1回答

KonvaJS渐进式图像加载

javascript、node.js、reactjs、html5-canvas、konvajs

按照这里的KonvaJS镜像示例：开发堆栈包括：NodeJs react

浏览 1提问于2017-10-24得票数 0

1回答

Nuxt/Vue.js -基于支柱动态加载子组件

javascript、vue.js、vuejs2、nuxt.js

在该sectionHeader.vue内部是一个<canvas>元素(用于一些健壮的three.js动画)，我希望通过道具动态地更改每个标题的内部。我想利用Vue固有的代码分割优势，使每个页面不加载其他页面的动画js代码，只加载与其相关的代码。 headings SectionHeader.vue<

浏览 2提问于2019-11-12得票数 4

回答已采纳

1回答

如何配置Vite服务器上的CORS以在加载映像时删除CORS错误

vue.js、canvas、cors、vite、image-loading

我有一个Vite/Vue 3应用程序，在加载图像时会遇到这样的错误。 const imageLoader = (image: HTMLImageElement, url: string): Promise<HTMLImageElement> =>url; image.onload = () => reso

浏览 21提问于2022-11-06得票数 0

回答已采纳

2回答

将画布放置在<img>元素上

javascript、css、html、canvas

我想使用css将html5提供的画布放在图像元素上。但我无法将画布放在图像上。你能帮帮我吗？

浏览 2提问于2014-01-17得票数 1

1回答

呈现base64图像，当前返回为空白

javascript、vue.js、base64

我从Microsoft graphQL中提取了一张图像，并在将字符串存储在vuex中之前应用了以下内容。Buffer.from(image).toString('base64')<img class="shadow avatar border-white" :src$store.state.user.profilePhoto}`"/> 我尝试在混合中添加字符集-utf-8和一些变化，包括不同的图像类型，包括png和jpeg。CS

浏览 2提问于2019-10-02得票数 0

1回答

向页面加载后动态创建的元素添加Vue.js v-bind:样式属性。

javascript、css、canvas、vue.js

首先，了解我的问题和选择:我正在将现有的JS项目转换为Vue.js框架。我正在努力解决一个在jQuery中很容易解决的问题，但在Vue.js中却让我不知所措。在我的代码中，我必须在加载整个页面之后生成画布，然后将它们添加到画布容器div中。当我点击一个按钮时，我需要更改所有这些画布的CSS。Vue的方法是向画布中添加一个v-bind:style属性，并通过在data()中设置一个变量( vue JS代码)来更改它，比如：<canvas v-bind:style="{wi

浏览 2提问于2017-11-13得票数 0

回答已采纳

1回答

在更改Vue.Js + HTML范围上重新加载画布

javascript、vue.js、camanjs

当我更改一个值时，我尝试重新加载一个图像，但是我的vue.js只执行了一次我的函数。基本上，我将使用Caman.js来应用“阈值”和“锐化”，即用户更改一个范围并显示一个示例。<canvas id="canvas" style="width: 1024px; border:2px solid #333;"></canvas>Vue.js el:

浏览 6提问于2020-10-12得票数 0

回答已采纳

1回答

我试图使用三种方法将纹理加载到Nuxt中的Sphere上。

vue.js、three.js、nuxt.js

我试图添加一个纹理到一个球，特别是通过映射一个图像到它使用TextureLoader。 at Vue.updateComponent

浏览 1提问于2022-05-23得票数 1

回答已采纳

1回答

在上传到aws VueJS桶之前，使用s3内部调整/转换/翻译用户上传的图像

javascript、html、css、vue.js

使用香草js可以操纵vuejs中的图像吗？我已经成功地上传了这张照片，并使用vue将其直接发送到我的s3桶中，但在我的一生中，我无法弄清楚如何在vuejs中转换一个图像，然后显示it...document.querySelector不工作……我已经尝试了好几天，但是我无法让图像在vue...it中调整大小，只作为普通的香草js，但我不能将它传输到vue。</h2new Vue({ el:

浏览 2提问于2021-01-27得票数 0

回答已采纳

2回答

将鼠标悬停在Flex图像上

apache-flex、image、mouseover、mouseout

我有下一个代码，显示一个图像，当鼠标停留在上面时，更改它。img_over.jpg'"我有两个问题：第一:如果我用鼠标在图像上快速通过，有时图像状态与mouseOver图像(检测不到mouseOut事件)。2:在鼠标结束的那一刻，有几毫秒的时间，没有任何图像，所以每次鼠标结束时，它

浏览 0提问于2011-08-10得票数 0

回答已采纳

1回答

无法访问Vue中的自定义画布属性

vue.js、vuejs2、aframe

有没有人在Vue中使用过这个组件？我想使用“aframe-draw-component”的高级用法。它适用于原始html，但不适用于vue.js。= '512' this.cnvs = this.draw.canvas this.drops[i] = this.drops[i] + 1 this

浏览 0提问于2017-07-25得票数 0

1回答

如何将此CodePen代码集成到Vue中？

javascript、vue.js、vuejs2

我正试图在Vue中实现这个()。我怎么能这么做？我试过这样做 <div> </div

浏览 9提问于2018-12-28得票数 1

回答已采纳

2回答

从loadFromJSON FabricJS获取和修改对象

javascript、fabricjs

案例是：首先，将照片加载到画布作为背景图像，我不希望背景移动并将图像发送回画布，所以我添加了以下代码： $('#upload').change(function(){ } }); 我保存了它，当我试图用loadFromJSON加载它时，在$('#upload').change($(

浏览 98提问于2020-09-10得票数 1

1回答

在Vue.js中使用HTML Canvas时遇到的问题

javascript、html、vue.js、html5-canvas

我正在尝试使用HTML canvas上传图像。我之所以使用canvas，是因为根据我从api返回的数据，我将在上面叠加其他小图像，而这在canvas中似乎更容易做到。我正在尝试创建一个新的html图像，如下所示： imgObj.src = '../../pic'当我尝试在vue.js中使

浏览 24提问于2020-05-06得票数 3

回答已采纳

点击加载更多