小编bre*_*two的帖子

使用SVG阻止亚像素渲染

我目前正在使用SVG,但工作陷入僵局。

SVG具有线条,该线条应与缩放一起缩放(以使它们保持平衡:例如100%宽度10px-> 10%宽度1px)

stroke-widths用此代码扩展所有代码:

var svgPath = this._svgContainer.find('svg [class*="style"]');
for (var i = 0; i < svgPath.length; ++i) {
  var newStrokeWidth = this._oldStrokeWidth[i] * (1 / (width / imgData.w));

  $(svgPath[i]).css(
    'stroke-width', newStrokeWidth
  );
}
Run Code Online (Sandbox Code Playgroud)

其中,width是缩放后的新宽度,imgData.w是原始未缩放的宽度。

问题是,如果我放大到很远。的笔划变小并导致子像素渲染。据说黑线会变成灰色。

我的想法是在某个时候限制该值以防止它出现。但据我所知,由于屏幕(台式机,手机,4K)不同,我还必须考虑设备像素比率

如果有人可以帮助我解决我的问题,那将很好

javascript svg subpixel

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

HoloLens 上的调试边缘

我目前正在开发一个 WebApp。此应用程序也应该可以在 Microsoft Holo Lens 上使用。

因此,我需要对 HoloLens 进行 Web 调试。有人知道如何实现这一目标吗?

WindowsDevicePortal 上没有选项(据我所知)。

使用 Edge DevTools Preview Remote Option 我收到以下错误消息:

无法连接到远程设备。检索标签列表失败,代码为 404

windows debugging microsoft-edge hololens

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

Firebase“无法解析长链接”

我想使用firebase和REST API缩短longLink,但得到以下响应,但我不知道出了什么问题:

响应:

   {
        "error": {
            "code": 400,
            "message": "Long link is not parsable: https://www.google.de [https://firebase.google.com/docs/dynamic-links/rest#create_a_short_link_from_parameters]",
            "status": "INVALID_ARGUMENT"
        }
    }
Run Code Online (Sandbox Code Playgroud)

这就是我的方法:

请求:https : //firebasedynamiclinks.googleapis.com/v1/shortLinks ? key =hereismyapikey

身体看起来像这样:

{
   "longDynamicLink": "https://www.google.de",
   "suffix": {
    "option": "SHORT"
  }
}
Run Code Online (Sandbox Code Playgroud)

我首先尝试使用要缩短的真实网址。同样的错误。比起google,无论有无http(s)。我没有其他选择,希望有人在这里看到我做错了什么。

编辑:完整的邮递员请求:

    "item": [
            {
                "name": "shortLinks",
                "request": {
                    "method": "POST",
                    "header": [
                        {
                            "key": "Content-Type",
                            "value": "application/json"
                        }
                    ],
                    "body": {
                        "mode": "raw",
                        "raw": "{\r\n   \"longDynamicLink\": \"www.google.de\",\r\n   \"suffix\": {\r\n    \"option\": \"SHORT\"\r\n  }\r\n}"
                    },
                    "url": {
                        "raw": "https://firebasedynamiclinks.googleapis.com/v1/shortLinks?key=xxx", …
Run Code Online (Sandbox Code Playgroud)

javascript rest firebase firebase-dynamic-links

4
推荐指数
1
解决办法
2140
查看次数

错误:&lt;g&gt; 属性转换:预期为“(”

希望有人知道该怎么做并可以帮助我:

\n\n

一个函数可以做到这一点:

\n\n
element.setAttributeNS(null, \'transform\', s);\nif (\'transform\' in element.style) {\n  element.style.transform = s;\n} else if (\'-ms-transform\' in element.style) {\n  element.style[\'-ms-transform\'] = s;\n} else if (\'-webkit-transform\' in element.style) {\n  element.style[\'-webkit-transform\'] = s;\n}\n
Run Code Online (Sandbox Code Playgroud)\n\n

其中“s”是这样的:\ns = \'matrix(\' + matrix.a + \',\' + matrix.b + \',\' + matrix.c + \',\' + matrix.d + \',\' + matrix.e + \',\' + matrix.f + \')\'

\n\n

它与此完美配合。\n对于硬件加速,我想添加+ \' translateZ(0)\'“s”。

\n\n

执行此操作后,我收到以下错误:

\n\n
\n

错误:< g> 属性转换:需要 \'(\', "\xe2\x80\xa639394) 翻译 Z(0)"。

\n
\n\n …

javascript css svg css-transforms

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