草庐IT

canvas-wrapper-with-gettransform

全部标签

javascript - 新的 Typeahead with Bloodhound 如何处理错误?

我遇到一个问题,当用户联合session到期时,Typeahead就停止工作了。我希望能够在Typeahead的“远程”调用失败时执行操作。特别是Typeahead是如何处理的?是否存在某种类似于您在典型的ajax调用中发现的“错误”回调?这是我目前拥有的代码:varhints=newBloodhound({datumTokenizer:Bloodhound.tokenizers.obj.whitespace("value"),queryTokenizer:Bloodhound.tokenizers.whitespace,remote:{url:"/ProjectAssociation

javascript - Angular 2 : oauth2 with token headers

我是angular2的新手。在1.*中,拦截器一切正常,只需添加它们:你的header无处不在,当token无效时,你可以处理你的请求......在angular2中,我使用的是RxJs。所以我得到了我的token:getToken(login:string,pwd:string):Observable{letbodyParams={grant_type:'password',client_id:'admin',scope:AppConst.CLIENT_SCOPE,username:login,password:pwd};letparams=newURLSearchParams();

javascript - VueJS : input with dynamic value + v-model

在设置输入radio和v模型的值时,我遇到了VueJS问题。我不明白为什么我不能为输入动态设置值并使用模型来检索用户选择的输入。在代码中更容易理解:exportdefault{props:["question","currentQuestion"],data(){return{answer:undefined}},computed:{isCurrent(){returnthis.currentQuestion&&this.currentQuestion.id==this.question.id;}},methods:{groupName(question){return'questio

javascript - D3 : zoom to bounding box with d3-tiles

我已经成功地将D3(矢量)map分层放置在从Mapbox中提取图block的d3-tile(光栅)map之上。手动缩放效果完美,矢量和光栅同步。我现在正在尝试实现MikeBostock'zoom-to-bounding-box'功能,应用程序可在用户单击时放大所需的国家/地区。我想我快到了,但现在似乎不匹配,可以这么说,map缩小到外太空。我在这个jsfiddle中重现了这个问题.我需要在“缩放”功能中进行哪些修改才能使map按预期正确缩放?我认为这就是问题所在:vector.selectAll("path").attr("transform","translate("+[transf

javascript - CSS3 边框半径到 HTML5 Canvas

我试图在Canvas中重现CSS3边框半径。绘制圆Angular矩形很容易,但在CSS中,每个边框的值可能很高。例如:HTMLCSSdiv{height:50px;width:50px;position:absolute;top:10px;}.normal_radius{border:1pxsolidblack;border-radius:5px5px10px15px;left:10px;}.high_radius{border:1pxsolidred;border-radius:5000px500px100px150px;left:80px;}.high2_radius{border

javascript - Three.js: Resize rendering canvas (GPU hungry fragment shader)

我正在使用three.js运行资源匮乏的片段着色器。我已将渲染大小设置为800*600,以保持着色器即使在低端卡上也能流畅运行。我正在这样设置我的渲染Canvas:varcanvas1=document.getElementById('canvas1');renderer=newTHREE.WebGLRenderer(canvas1);renderer.setSize(800,600);renderer.autoClear=false;document.body.appendChild(renderer.domElement);在body元素上我有然后我在cssheader中做widt

javascript - TypeScript 和 Html2Canvas?

有谁知道Html2Canvas库是否有可用的TypeScript定义文件(d.ts)?Html2Canvas是一个很棒的库,可以使用JavaScript截取浏览器的屏幕截图。参见https://github.com/niklasvh/html2canvas了解更多详情。 最佳答案 从1.0.0-rc.2版本开始,类型被添加到npm中的html2canvas包中。所以如果你安装它使用npmihtml2canvas@1.0.0-rc.2或者安装更高版本,你可以使用html2canvaswithtypescript。

javascript - phantomjs 使用 src 图像在 canvas.toDataURL 上抛出 DOM 异常 18

我正在尝试使用phantomjs将svg转换为png图像:varpage=require('webpage').create();page.evaluate(function(){varsvg='';varsrc='data:image/svg+xml;base64,'+window.btoa(unescape(encodeURIComponent(svg)));varimg=newImage();img.src=src;img.onload=function(){varcanvas=document.createElement('canvas');canvas.width=img.w

javascript - 通过 Jquery 将图像添加到 Canvas

我正在尝试将图像添加到Canvas元素。Canvas标记:$value):?>"data-design="">Javascript:$(document).ready(function(){$('.design').each(function(){vardesign=$(this).attr('data-design');varid=$(this).attr('id');});});我希望图像显示在Canvas元素内。vardesign包含url。谁能帮帮我? 最佳答案 尝试$(document).ready(function(){

javascript - babel-preset-env 语法错误 : Unexpected token with spread properties

为什么它不接受传播属性?为此,我正在使用babel-preset-env。.babelrc{"presets":["react",["env",{"targets":{},"debug":true,"modules":"commonjs"}]]}package.json{"name":"myapp","version":"0.1.0","main":"index.js","private":true,"dependencies":{"babel-core":"6.25.0","babel-loader":"7.1.1","babel-preset-env":"^1.6.0","babe