小编ror*_*cko的帖子

Android Native Browser复制HTML5画布(镀铬质量好)

这是一个奇怪的问题,我只在本机浏览器中的Samsung Galaxy Tab 2和Galaxy S2上的Native浏览器上遇到这个问题.

这也已经在其他Android手机和平板电脑上进行了测试,例如Nexus 7和Galaxy S4,但他们的原生浏览器是镀铬的,所以看起来很好.任何IOS浏览器,Windows桌面浏览器或Mac桌面浏览器也不存在此问题.

这几乎是因为网页自身加载了两次!

因为有一个重复的canvas元素,它会像主画布那样更新.

在此输入图像描述 在此输入图像描述

在这里它似乎只有在横向模式下旋转才会发生,但我相信在纵向模式下,画布'完全对齐在顶部.

什么是更奇怪的,你看到的菜单按钮是一个切换按钮,点击打开菜单,点击关闭菜单.点击此设备时,它会立即打开和关闭.静音按钮切换也是如此.

我完全不知所措.

我已经做了一些javascript调试,在这里和那里抛出一些警报,并且创建对画布的引用的初始化函数等只被调用一次.

我已经阅读并听说过硬件加速导致问题,但我可能找到的解决方案只与构建本机应用程序有关!不是HTML5 Canvas网页.

任何有关这方面的见解都可能会很棒!提前致谢.

- 编辑

我也在这个测试alert(document.getElementsByTagName('canvas').length);中看看DOM中是否有2个画布,但它返回1!

javascript android html5-canvas

13
推荐指数
1
解决办法
6476
查看次数

JavaScript indexOf来自搜索字符串的结尾

Javascript String.indexOf返回字符串中搜索词的索引.

它从搜索字符串的开头返回首次找到字符串的索引.例:

'abcdefghijklmnopqrstuvwxyz'.indexOf('def') = 3;
Run Code Online (Sandbox Code Playgroud)

但我需要从搜索结束时获取它,例如:

'abcdefghijklmnopqrstuvwxyz'.indexOf('def') = 6; //essentially index + searchString.length
Run Code Online (Sandbox Code Playgroud)

这样我就可以String.substr从返回的值中获取该点之后的字符串.

javascript

7
推荐指数
1
解决办法
9955
查看次数

多平台HTML5游戏DOM + CSS与CANVAS对比两者

我在过去几个月内构建了一些HTML5游戏,并且一直在使用createJS套件并将所有内容渲染到画布上.

我选择画布背后的原因是它似乎更容易让它跨平台工作,因为我可以缩放画布以适应屏幕,一切都很完美.好吧,在大多数设备上!性能是老式Android和ios设备的一个问题,但不是可怕的.

我的下一个HTML5是一个大问题,以前的游戏只是简单的点击,测验风格的游戏,动画很少,菜单也很少.这是一个更大的晚餐,有更多的菜单,互动对象,但同样只有简单的动画.但它涉及一个泛能(就是一个字)的环境.

我更倾向于将DOM和CSS用于HUD项目和菜单,它将覆盖在画布上,运行主要的泛化环境.

我知道这可能需要更多的时间来使用多个CSS媒体查询来处理多个屏幕分辨率,甚至是用于较小分辨率的不同布局(比如隐藏HUD中的某些标签或其他)

我正在寻找主要表现技术的比较,但也找出哪种方法是"最佳实践".


看到一些使用这些不同方法(甚至是其他我不知道的方法)的多平台游戏的例子,看看他们如何去做以及测试性能也会很高兴.:)

javascript css html5 canvas

7
推荐指数
1
解决办法
2119
查看次数

Webpack 编译库在导入到另一个项目时保留文件夹结构

我正在创建一个库,该库导出大量 React 组件以及一些用于我公司内多个项目的 TypeScript 实用程序。但是,我\xe2\x80\x99t 似乎除了从库的根目录导出之外可以做任何事情。

\n

我有以下文件夹结构。.tsx和utils.ts文件仅导出命名属性,根index.ts文件包含。 \n然后是等...export * from \'./Button\';src/index.tsexport * from \'./ui\'

\n
src/\n  ui/\n    Button/\n      Button.tsx\n    Input/\n      Input.tsx\n    index.ts\n  utils/\n    myUtilFunc1.ts\n    myUtilFunc2.ts\n    index.ts\n
Run Code Online (Sandbox Code Playgroud)\n

使用下面的 Webpack 配置,

\n
const path = require("path");\n\nmodule.exports = {\n  entry: "./src/index.ts",\n  resolve: {\n    extensions: [".ts", ".tsx", ".js"],\n  },\n  output: {\n    path: path.resolve(__dirname, "dist"),\n    filename: "main.js",\n    library: "@company/library",\n    libraryTarget: "umd",\n    umdNamedDefine: true,\n  },\n  module: {\n    rules: [\n      {\n        test: /\\.tsx?$/,\n        loader: "ts-loader",\n        exclude: …
Run Code Online (Sandbox Code Playgroud)

reactjs webpack lib

7
推荐指数
1
解决办法
429
查看次数

禁用网页上的所有滚动

我想知道是否可以禁用网页上的所有滚动.

我目前正在使用

html, body { overflow:hidden; }
Run Code Online (Sandbox Code Playgroud)

问题是这在iOS设备上不起作用,如果您按住鼠标滚轮并向下拖动它也可以滚动,所以这似乎是一个非常糟糕的解决方案

有没有办法禁用所有设备上的所有滚动方法,然后重新启用它?

javascript css jquery html5 ios

5
推荐指数
1
解决办法
3294
查看次数

设备锁定时停止播放HTML5音频(Android和iOS)

我正在开发一种具有循环音乐和声音效果的HTML5游戏.我使用的soundjs库createjs套件.

当我最小化Android设备和iOs设备上的浏览器时,声音继续播放.甚至在设备锁定时也是如此!这也是跨浏览器的情况(Safari,Chrome,Android Native,Firefox)

是否有一个简单的解决方案,或检测页面是否处于非活动状态并禁用声音更可能的解决方案?


我试过这个,认为当页面关闭时会超时,但事实并非如此.:(

var timeout = -1;
setInterval(function(){
     if(timeout!=-1) clearTimeout(timeout);
     timeout = setTimeout(function(){
         AudioManager.setMute(true);
     }, 200);
, 100);
Run Code Online (Sandbox Code Playgroud)

javascript audio html5

5
推荐指数
1
解决办法
1684
查看次数

Cordova Ionic 2 WKWebView 隐藏滚动条

我正在尝试使用 WKWebView 从我的 ionic 2 应用程序中删除所有滚动条

我可以使用标准 webview 用 css 隐藏它们,但是当使用 WKWebView 时它不起作用。

我曾尝试使用以下内容编辑 CDVWKWebviewEngine.m 文件,但没有运气

wkWebView.scrollView.showsHorizontalScrollIndicator = NO; wkWebView.scrollView.showsVerticalScrollIndicator = NO; [wkWebView.scrollView setShowsHorizontalScrollIndicator:NO]; [wkWebView.scrollView setShowsVerticalScrollIndicator:NO]; wkWebView.scrollView.scrollIndicatorInsets = UIEdgeInsetsMake(30000, 0, 0, 10);

cordova wkwebview wkwebviewconfiguration ionic2

5
推荐指数
0
解决办法
575
查看次数

AS3中void和Void的区别是什么?

我注意到我可以将函数的返回类型设置为'Void'以及'void',并且只是想知道是否存在并且有益处?

actionscript-2 flashdevelop actionscript-3 void

3
推荐指数
1
解决办法
467
查看次数

EaselJS自定义字体lineheight跨浏览器问题

在嵌入自定义字体时,我在使用Easel JS在不同浏览器中查找与文本大致不同的问题时遇到了一些问题.

我认为它可能是行高,但据我所知,没有办法用EaselJS来控制它.

我已经尝试line-height在CSS和font-face声明中更改主体以及其他一些属性,但没有成功!

字形

你可以看到只有Firefox引起任何问题,它在多个手机和平板电脑设备,iOS和Android,(Chrome,Safari和Android原生浏览器)上也正确显示(如chrome,IE和Safari)

在之前的项目中,我进行了Firefox检测并将x位置设置得较低以平衡它,但我正在寻找一种解决方案而不是解决方法!


编辑:我偶然发现了为什么我的自定义字体在某些浏览器中有位置偏移?

但是当我在html中有文本,而不是画布中的EaselJS渲染时,浏览器之间没有区别!

javascript fonts easeljs

2
推荐指数
1
解决办法
2236
查看次数