草庐IT

canvas_size

全部标签

javascript - 如何在 Fabric.js 中将对象动态缩放到 Canvas 大小

我想增加我的svg图像的高度和宽度,使其与Canvas的高度和宽度相同,以便它看起来像Canvas的背景图像。当我按下设置背景按钮时,一张svg图像将从我的目录设置为Canvas。我想动态地将此图像缩放到Canvas的高度和宽度。预期输出:IwantthisHTMLcanvas脚本$(document).ready(function(){varcanvas=newfabric.Canvas('c');varcolorSet="red";$("#svg3").click(function(){fabric.loadSVGFromURL('http://upload.wikimedia.o

javascript - Canvas 被跨源数据污染

我正在从我可以信任的第三方站点加载动态jpeg。我正在尝试getImageData()但浏览器(Chrome23.0)提示说:Unabletogetimagedatafromcanvasbecausethecanvashasbeentaintedbycross-origindata.SO上有一些类似的问题,但他们使用的是本地文件,而我使用的是第三方媒体。我的脚本在共享服务器上运行,我不拥有远程服务器。我尝试了img.crossOrigin='Anonymous'或img.crossOrigin=''(参见thispostontheChromiumblogaboutCORS),但没有帮助

javascript - 我如何判断一个 javascript 对象是图像还是 Canvas ?

我有一个类,其属性可以是图像(即IMG元素)或Canvas。当我将它序列化为JSON时,我需要将其转换为文本字符串。如果它是Canvas,那么我可以调用Canvas#toDataURL。但如果它是一个图像,我首先需要用Canvas#drawImage将它绘制到一个Canvas上,然后用toDataURL序列化那个Canvas。那么如何判断对象是Canvas还是Image呢?(因为Canvas#drawImage能够接受Image或Canvas对象作为参数,所以一定有办法。)我看到一些程序员通过测试某些属性或函数的存在来确定类,但我想知道是否有更聪明的方法,即使这些对象提供的API发生变

javascript - 如何使用 Fabric.js 实现 Canvas 平移

我有一个Fabric.jsCanvas,我想实现软件包通常使用“手动”工具执行的全Canvas平移。当您按下鼠标按钮之一,然后在按住鼠标按钮的同时在Canvas上移动时,Canvas的可见部分会相应地发生变化。可以看到inthisvideo我想要实现的目标。为了实现这个功能我写了下面的代码:$(canvas.wrapperEl).on('mousemove',function(evt){if(evt.button==2){//2istherightmousebuttoncanvas.absolutePan({x:evt.clientX,y:evt.clientY});}});但它不起作

javascript - Canvas toDataUrl 增加图像的文件大小

当使用toDataUrl()设置图像标签的来源时,我发现保存的图像比原始图像大很多。在下面的示例中,我没有为toDataUrl函数指定第二个参数,因此使用了默认质量。这导致图像比原始图像尺寸大得多。当为全质量指定1时,生成的图像甚至更大。有谁知道为什么会发生这种情况,或者我该如何阻止它?//createimagevarimage=document.createElement('img');//setsrcusingremoteimagelocationimage.src='test.jpg';//waittilithasloadedimage.onload=function(){//s

javascript - Canvas toDataURL() 返回空白图像

我正在使用glfx.js编辑我的图像,但是当我尝试使用toDataURL()函数获取该图像的数据时,我得到一个空白图像(宽度与原始图像大小相同)。奇怪的是,在Chrome中脚本运行完美。我想说的是,图像是使用onload事件加载到canvas中的:img.onload=function(){try{canvas=fx.canvas();}catch(e){alert(e);return;}//converttheimagetoatexturetexture=canvas.texture(img);//drawandupdatecanvascanvas.draw(texture).upd

javascript - 在不知道字体系列的情况下更改 Canvas 的字体大小

有没有办法只更改Canvas上下文的字体大小而无需知道/编写字体系列。varctx=document.getElementById("canvas").getContext("2d");ctx.font='20pxArial';//Needtospeficybothsizeandfamily...注意:ctx.fontSize='12px';//doesn'texistsowon'twork...ctx.style.fontSize='20px'//doesn'texistsowon'twork...//wearechangingthectx,notthecanvasitself其他注

php - 使用 laravel 存储与图像干预 canvas()

使用Vagrant和Homestead运行Laraval5.4。看到了一些关于此问题的其他问题,但没有一个提供使用canvas()的解决方案干预方法/图像Laravel引入了一个easierstoragesystemsince5.3我当前的代码:$path=$request->file('logo')->store('/clients/logos','public');$canvas=Image::canvas($width,$height);$image=Image::make($path)->resize($width,$height,function($constraint){$

php - 无法在月球页面中设置 max_post_size php 变量

我需要增加php的最大帖子大小和上传大小才能使用drupal的音频模块。我读到这必须在php.ini中设置。但是我认为我无法访问月球页面中的该文件。我也看过它也可以在.htaccess中设置。然而它并没有改变任何东西。我试过:php_valuepost_max_size"40M"php_valueupload_max_filesize"40M"我也试过:php_valuepost_max_size40Mphp_valueupload_max_filesize40M在本地主机上它说重新启动网络服务器。但这在共享主机上是不可能的。这可能是问题所在吗? 最佳答案

php - fatal error : Allowed memory size of 25165824 bytes exhausted (tried to allocate 31436096 bytes)

我是Joomla的新手,我现在使用的是Joomla1.6我遇到的问题是,当我尝试通过管理工具上传扩展时,我收到以下错误消息:"Fatalerror:Allowedmemorysizeof25165824bytesexhausted(triedtoallocate31436096bytes)inC:\AppServ\www\libraries\joomla\filesystem\file.phponline295"我已经阅读了一些相关消息,但没有得到解决。phpinfo返回一个我认为可能相关的值:1)upload_max_filesizelocalvalue=200;mastervalu