草庐IT

canvas-wrapper-with-gettransform

全部标签

javascript - canvas.getContext() 不是函数

目前正在研究如何将Coldfusion与Canvas进行交互。目前,由于javascript错误“canvas.getContext('2d');不是函数”,我被卡住了。Canvas必须位于div内:这是用来生成图片的javascriptvarcanvas=$('#svgbasics').svg('get').toSVG();varcontext=canvas.getContext('2d');varstrDataURI=canvas.toDataURL();Canvas2Image.saveAsPNG(canvas);项目的附加信息(如果需要):使用了以下库:1.7.2/jquery

javascript - 解析 XML 时出错 : The reference to entity "version" must end with the ';' delimiter

这个问题在这里已经有了答案:Thereferencetoentity"foo"mustendwiththe';'delimiter(2个答案)关闭6年前。我对此很陌生,如果这是一个简单的问题,我很抱歉。我正在尝试将类似FB的盒子安装到我的网站上www.thehungryeurasian.com但是,当我尝试插入JavascriptSDK时:(function(d,s,id){varjs,fjs=d.getElementsByTagName(s)[0];if(d.getElementById(id))return;js=d.createElement(s);js.id=id;js.src

javascript - 使用 fabric js 调整 Canvas 大小

这个问题在这里已经有了答案:CanvaswidthandheightinHTML5(3个答案)关闭8年前。该应用程序允许用户保存设计并发布,以便其他用户稍后查看。原始Canvas以width=700和height=600的比例保存。但是在显示Canvas时,我想调整Canvas的大小以适应(350,300)的尺寸。原来的一半。但是,如果我直接应用这些尺寸并加载宽度setWidth()和setHeight(),它会以原始比例加载。我只想显示新尺寸的Canvas。

javascript - Win 10 Universal App with Cordova 尝试加载闪存

我正在使用VisualStudio2015和适用于ApacheCordova的工具构建跨平台Cordova应用程序。因此,我正在使用ToolsforApacheCordova中的BlankCordovaApp(带有TypeScript)。一切似乎都工作正常,除了在Windows10上运行应用程序时JavaScript控制台中出现一个奇怪的错误:APPHOST9603:"Can’tloadtheActiveXplug-inthathastheclassID"{D27CDB6E-AE6D-11CF-96B8-444553540000}".Appscan'tloadActiveXcontro

javascript - 从视频帧在 Canvas 中绘制图像改变色调

我写了一个简单的脚本,从视频中提取一帧并将其绘制到Canvas上。我的问题是视频和绘制图像之间的颜色在变化。我将结果放在原始结果旁边,以便于查看。原来的在左边。顺便说一句,它在chrome浏览器上似乎更明显。我在OSX上进行的所有测试。这里是一个片段,左边是Canvas,右边是视频://Getourmaskimagevarcanvas=document.querySelector(".canvas");varvideo=document.querySelector(".video");varctx=canvas.getContext('2d');functiondrawMaskedVi

javascript - 更新 : Errors with postCSS and Babel in Gulpfile

目标我正在更新旧的gulpfile.js,它过去主要用于将我的Sass编译成CSS,但现在我正试图让Gulp执行以下操作:同步浏览器,启动本地主机服务器-完成编译Sass=>CSS-完成使用JSHint显示任何JavaScript错误-完成用Babel编译ES6=>ES6(正在进行中)缩小所有Assets(正在进行中)显示项目文件大小-完成将index.html、style.css和图像部署到S3(工作中)观看文件,在.scss或.html更改时重新加载浏览器-完成问题尝试缩小我的Javascript并创建一个scripts.min.js文件,它不断向每个新的缩小的JavaScript

javascript - Rails 5 Live Search with Keyup 丢失输入焦点 Turbolinks

我有一个Rails5.1.3应用程序,它是一个基本的联系人模型(方便的名称和号码)。我正在使用ransack在索引View/页面上进行搜索。我正在使用coffeescript来监听输入上的keyup事件并且它正在工作,在我键入时触发(根据rails开发日志)但是表单上的输入失去焦点并且部分不会在我单击时继续刷新回到投入和类型。我认为这是一个Turbolinks问题,但我不确定。这是我的Controller:contacts_controller.rb摘录classContactsControllerparams[:page],:per_page=>2)respond_todo|form

javascript - Canvas 和 requestAnimationFrame 的高 CPU 使用率

我在递归调用requestAnimationFrame时遇到高CPU使用率(30到40%),有没有人有降低它的好策略?简单的例子:varcanvas=document.createElement('canvas');canvas.width=100;canvas.height=20;varcanvasContext=canvas.getContext('2d');document.body.appendChild(canvas)varrafId;functiondrawLoop(time){canvasContext.clearRect(0,0,100,20);canvasContex

javascript - AngularJS 指令 : template with scope value (ng-bind-html)

我有这样的指令:...template:function(element,attrs){varhtmlTemplate='\\';returnhtmlTemplate;},...(如你所见,我也在使用翻译插件)我有一个问题:在范围内这个值正在改变,但它在指令中没有改变(当我使用attrs-params时(当然,如果customDynamicText是静态字符串-一切正常)-但我有一个动态变量customDynamicText我如何在directivetemplate和ng-bind-html中使用这个动态变量。这可能吗? 最佳答案

javascript - 使用 JavaScript 将 Canvas 转换为图像

这个问题在这里已经有了答案:Whydoescanvas.toDataURL()throwasecurityexception?(10个答案)关闭9年前。我想用JavaScript将Canvas转换为图像,当我尝试canvas.toDataURL("image/png");时出现以下错误SecurityError:Theoperationisinsecure