小编Zor*_*zyd的帖子

Fabric.js中的SVG显示/渲染问题

我正在使用FabricJS,我在画布中遇到了SVG显示问题:

  • 结果显示在fabricJS的选择框之外(由于翻译?)
  • 选择的锚点在转换后消失,然后无法找回它们.

这是一个截图: 在此输入图像描述

我正在使用Potrace的输出SVG,我认为这是我的问题的起源.
以下是SVG的代码:pastebin中的SVG代码
您可以在此页面上使用FabricJS进行测试:FabricJS Kitchensing示例.
只需将SVG的代码粘贴到"加载SVG"区域,然后调整大小并旋转剖面框以显示SVG.

你知道我的SVG代码的一部分还是导致问题的fabricjS代码的一部分?如果是这样,我可以自己轻松更改吗?如果没有,是否有可能纠正或找出可能的错误?

非常感谢您的帮助.

编辑:貌似,FabricJS不喜欢SVG的这一行:

<g transform="translate(0,648) scale(0.098780,-0.098780)" fill="#000000" stroke="none">
Run Code Online (Sandbox Code Playgroud)

更特别是翻译和比例属性......如何解决?

EDIT2:解决方案是,translate和scale分别等于(0,0)和(1,1),或者更好的是,它们应用于坐标.

有没有人有想法用Potrace或JS脚本做到这一点?

svg fabricjs

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

Python子进程:如何使用管道三次?

我想在以下行使用子进程:

convert ../loxie-orig.png bmp:- | mkbitmap -f 2 -s 2 -t 0.48 | potrace -t 5 --progress -s -o ../DSC00232.svg
Run Code Online (Sandbox Code Playgroud)

我感谢其他帖子的子流程文档,但在示例中我们只使用了两次管道.

所以,我尝试三个命令中的两个,它的工作原理

p1 = subprocess.Popen(['convert', fileIn, 'bmp:-'], stdout=subprocess.PIPE)
# p2 = subprocess.Popen(['mkbitmap', '-f', '2', '-s', '2', '-t', '0.48'], stdout=subprocess.PIPE)
p3 = subprocess.Popen(['potrace', '-t' , '5', '-s' , '-o', fileOut], stdin=p1.stdout,stdout=subprocess.PIPE)
p1.stdout.close()  # Allow p1 to receive a SIGPIPE if p3 exits.
output = p3.communicate()[0]
Run Code Online (Sandbox Code Playgroud)

你能帮助我完成第三个命令吗?

非常感谢你.

python subprocess pipe

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

"location.reload()"丢失了POST/SESSION数据?(F5/Ctrl + R保存数据?)

我想创建一个按钮来重新加载页面而不会丢失$_POST数据$_SESSION.
在网络上,我发现了这段代码:

onclick="document.location.reload();"
Run Code Online (Sandbox Code Playgroud)

这是我的按钮的代码:

<a class="button" href="" style="font-size: 0.7em; padding: 5px 10px;" onclick="document.location.reload();">Recharger la page</a>
Run Code Online (Sandbox Code Playgroud)

但是当我点击按钮时,我会丢失$_POST数据$_SESSION.

如果我尝试使用键盘命令Ctrl + R(Chrome)或F5(Firefox,IE9),浏览器会显示警告,通知我我再次尝试提交表单.如果我接受,它就有效.

如何使用JavaScript命令重现这种浏览器刷新?或者我的按钮代码错了?

非常感谢您的帮助.

javascript session browser-refresh

8
推荐指数
2
解决办法
3万
查看次数

在Bootstrap 4中,如何根据断点更改内部$ grid-gutter-width?

我目前正在SCSS中使用Bootstrap4。

我只想更改智能手机上的内部$ grid-gutter-width。

根据_grid.scss

$grid-columns: 12 !default; $grid-gutter-width: 30px !default;

在引导站点上,可以说:

更新了网格大小,mixin和变量。网格装订线现在具有Sass贴图,因此您可以在每个断点处指定特定的装订线宽度。

我找不到地图以及如何完成。

sass gutter twitter-bootstrap bootstrap-4

5
推荐指数
3
解决办法
7294
查看次数

MySQL查询 - 使用ORDER BY rand强制区分大小写()

是否可以对查询强制区分大小写?

我的听起来像这样:

"SELECT g_path FROM glyphs WHERE g_glyph = :g_glyph ORDER BY rand()"
Run Code Online (Sandbox Code Playgroud)

如果g_glyph = r,结果可以是R或r而且它不是我所期望的.我正在寻找一个区分大小写的回报.

我搜索了我的问题,我发现了这个解决方案:

/*Case-sensitive sort in descending order.
In this query, ProductName is sorted in 
case-sensitive descending order.
*/
SELECT ProductID, ProductName, UnitsInStock
FROM products
ORDER BY BINARY ProductName DESC;
Run Code Online (Sandbox Code Playgroud)

但是以下行根本不起作用:

"SELECT g_path FROM glyphs WHERE g_glyph = :g_glyph ORDER BY BINARY rand()"
Run Code Online (Sandbox Code Playgroud)

有什么建议吗?

非常感谢您的帮助.

mysql case-sensitive

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