草庐IT

html5canvas

全部标签

javascript - 使用 fabric js 调整 Canvas 大小

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

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

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

javascript - JQuery History.js 插件不替换 HTML4 和 HTML5 浏览器中一页的状态

我正在使用JQueryHistory.jsplugin在HTML5浏览器中启用HistoryAPI并在HTML4浏览器中模拟。我正在使用Ajaxifyscript实现这个插件。我稍微更改了此脚本,如下所示:varHistory,$,document;functionPrepareVariables(){History=window.History,$=window.jQuery,document=window.document;}functionInitHistory(){//PrepareVariablesvar/*ApplicationSpecificVariables*///co

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 - 取消分配 flow.js HTML5 上传组件上的浏览按钮

随着flow.js我们可以像这样分配一个浏览按钮的组件:flow.assignBrowse(document.getElementById('browseButton'));我们可以像这样分配一个放置区域:flow.assignDrop(document.getElementById('dropTarget'));我们也可以像这样取消分配放置区域:flow.unAssignDrop(document.getElementById('dropTarget'));我的第一个问题是如何取消分配浏览按钮?我的第二个问题是如何(本地)知道浏览按钮是否已定义?我在文档中看不到任何相关信息。谢谢。

javascript - JS HTML5 拖放 : Custom Dock Effect Jumping Around in Chrome

情况:我正在使用HTML5拖放功能在我正在编写的游戏中放置图block。我想添加一种效果,让我要放置新block的两个block稍微分开,以指示这是您放置的位置(类似于MacOS停靠栏)。我的方法:我有一个flexbox,我要将这些图block放入其中。我写了一个函数,基本上返回正弦波的一个周期,我用它来更新掉落的方block的right:和top:CSS属性(方block是position:relative;)基于它们在拖动期间相对于鼠标的原始位置。//Updateoccupantstylefordesiredeffectoccupants.forEach(function(occu

javascript - 为什么 HTML 5 音频会忽略移动设备的音频设置,例如静音或音量?

我有一个针对移动Android用户的网站。我正在使用HTML5音频播放背景音乐。即使设备处于静音状态,音频也会播放;无论设备音量设置如何,音频都会以最高音量播放。有谁知道为什么会发生这些事情或如何获取设备当前的音频设置?我更喜欢客户端(javascript)解决方案,但我对所有解决方案都持开放态度。谢谢你的帮助摩西S. 最佳答案 在Android中,即使手机处于静音状态,媒体音量也不会改变。我不确定android是否允许通过浏览器修改系统声音设置,因为默认浏览器没有更改/读取音量状态的权限。

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

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

javascript - 在 React 中插入 HTML 注释

有没有办法在ReactJSX中插入HTML注释节点,就像插入组件或DOM节点一样?例如:React.createElement(Comment,{},"commenttext");将呈现为:想法是评论在页面上可见,所以{/*this/*}没有回答我的问题。请注意,以下相关问题没有答案,要求的内容有所不同:HowtorenderaHTMLcommentinReact?我只想呈现单个评论节点。我注意到React基础架构会自行呈现HTML注释,所以或许也有一种(有点老套?)的方法来完成它。 最佳答案 另一种选择是使用dangerously

javascript - 使用绑定(bind)将 Angular 组件编译为 HTML

我需要为我的map标记气球正文提供一个可靠的HTML字符串。我想让气球成为一个Angular组件,并使用绑定(bind)和内置指令(*ngFor、*ngIf等)。所以我正在寻找一种方法来评估组件模板中的所有绑定(bind)并将结果编译为字符串...如何实现这个或者如果这个方法是非Angular——推荐的模式是什么?//Componentimport{Component}from'@angular2/core';import{AnyThing}from'./somewhere/in/my/app/anything.model.ts';@Component({selector:'my-ba