如何动态平铺svg打印输出

文章/答案/技术大牛

发布

1回答

javascript、svg、dynamic、tile

在https://codepen.io/anon/pen/roYXVJ上有一个很好的例子，那就是“静态”平铺，即页面的大小和数量是预先固定的。class="print landscape"... /> 在脚本中包含这样的动态定义的静态定义: EDIT:我更正了一些定义，并添加了一些缺失的定义。更新的动态定义包括： var printLandscape = document.createElementNS(svgNS, "svg

浏览 24提问于2019-01-02得票数 1

回答已采纳

1回答

Mapbox -如何在缩放时停止填充图案对SVG图像进行倍增/分割

svg、mapbox、mapbox-gl-js

我设置了一个具有svg的填充样式的图层，但是除了在缩放级别上更改图像之外，它没有更改填充样式的逻辑的选项(这可能是一个非常愚蠢的变通方法)。我相信我可以在SVG本身中设置模式逻辑，但我认为mapbox有自己的逻辑来根据缩放级别平铺图像-哪个会覆盖它？或者，我可以导出样式并手动将填充属性更改为无图案吗？

浏览 1提问于2021-03-03得票数 0

3回答

动态生成SVG的高分辨率打印输出

javascript、svg、printing、high-resolution

我有一个网页，这是一个动态生成的SVG文档。Javascript例程基本上构建SVG的DOM。读者可以通过点击导致sVG改变的各种“按钮”或对象来操纵文档。我不知道如何生成这样的打印输出。有没有一种方法可以从动态生成的DOM生成状态SVG标记文档？如果是这样，我可以将静态SVG转换为PDF，然后打印出PDF。

浏览 5提问于2015-06-30得票数 8

5回答

如何将大的SVG文件转换为平铺的PNG？

php、linux、svg、imagemagick、rsvg

我有一个很大的SVG文件(大约。60 MB，10000x10000像素，但有可能变得更大)，我想要创建，比方说，很多平铺256x256PNG图像(在那个例子中，将有1600张图像；圆形(10000/256个)^2)。有人知道如何在web服务器(运行PHP等)上这样做吗？我想到了rsvg，但它似乎没有任何功能来修改边界框(而且我宁愿避免为每个部分手工操作)。我的目标是将一个SVG平铺成256x256块，现在我已经成功地制作了一个脚本，它可以通过在inkscape中重复渲染16,000 x 16,0

浏览 2提问于2010-06-25得票数 6

回答已采纳

1回答

如何排列这些通过SVG-filter应用的磁贴？

svg、svg-filters

我正在尝试让一个平铺图像显示在一个过滤器中，并与它所应用的其他任何东西正确地平铺，无论其他项目是在哪里绘制的，也就是说，平铺图像应该以某种方式全局修复。svg复制问题(我知道您可能会使用模式填充来做这件事，这通常只是为了复制我遇到的问题)： <defs>

浏览 3提问于2014-09-01得票数 0

1回答

如何使用javascript从主svg对象动态创建svg视图？

javascript、svg、viewbox

我的页面上有一个非常大而复杂的svg元素。我的目标是使svg可以打印各种大小，一直到绘图仪的比例尺。如果图形大于纸张大小，则图像需要平铺以跨越多页。理想情况下，浏览器(针对Firefox 38)会为我平铺/包装svg图形，但这似乎是不可能的。如果我缩放svg图形到适当的大小并打印出来，页面边界以外的任何内容都会被切断。作为解决此问题的一个解决方案，我可以将svg拆分为多个具有viewBox属性的较小的片svg元素，并将切片svg</e

浏览 3提问于2016-05-19得票数 0

回答已采纳

1回答

在缩放svg中使用光栅图像作为平铺背景

html、svg

我被困在试着让以下几点发挥作用： pointer-events: none; // so we can grab the resize handle<div id="container"></div> 尝试抓取调整大小的句柄，看看三角形如何对容

浏览 4提问于2016-02-07得票数 1

回答已采纳

1回答

SVG在小叶地图上的显示

svg、leaflet

我有一个中等大的SVG，它将显示为传单地图上的覆盖层-它基本上是从道路网络中选择的道路。使用以下命令实例化小叶映射： .setView:0.3}).addTo(testMap);<

浏览 2提问于2018-11-06得票数 5

2回答

将SVG元素转换为等距视图

javascript、3d、svg、raphael

我正在编写一些JavaScript代码，在等距3 3Dish视图中呈现标准的2D SVG/画布元素(用绘制)。，如果对于如何放置这些对象有任何混淆。

浏览 3提问于2011-01-23得票数 7

回答已采纳

1回答

控制平铺顺序的角度材质栅格

angularjs、css、angular-material、grid-layout

如何在角度材质网格中动态更改平铺的顺序？我正在使用网格创建动态布局，并且我们有一个拖放字段的功能。有没有像flex-order这样的属性，并且可以通过应用网格中的瓦片顺序来更改？

浏览 15提问于2016-08-23得票数 1

1回答

我应该在窗口经理那里找什么？

linux、window-manager、i3、window-management、bspwm

我第一次查看窗口管理器，我不知道如何比较它们。类型(堆垛、平铺、平铺、动态等)条形窗口此外，如果您有任何建议，请留下意见。

浏览 0提问于2020-10-02得票数 0

1回答

Raphael从服务器加载SVG文件

raphael

我需要在放在服务器上的浏览器中呈现SVG文件。我所做的就是对SVG进行Ajax调用，并在DOM中呈现响应。它在Firefox和Chrome中运行得很好，但在IE-8中却不起作用。我知道IE-8不支持SVG。我们能用RaphaelJS来满足同样的情况吗？

浏览 4提问于2013-12-12得票数 0

回答已采纳

2回答

为什么在cocos2d游戏开发中使用切片地图

cocos2d-iphone

我将如何在游戏中创建这样的环境。想法，概念或参考链接将受到欢迎。

浏览 0提问于2012-08-09得票数 0

回答已采纳

1回答

在iOS上创建动态平铺效果

ios

如何在按钮或框架上创建(类似Windows8的)动态平铺效果？我想在一个按钮中显示一些随机改变的文本。淡入和淡出效果会很好。

浏览 1提问于2014-03-31得票数 0

1回答

如何动态处理图像平铺

iphone、objective-c、cgimage、catiledlayer

我正在写一个应用程序，将平铺图像256 * 256，并将这些平铺文件写回目录。如果有任何更新，我每次都会更新我的URL，并将这些图像平铺回并存储在iphone文件夹中。2)如果我必须同时平铺5个不同的URL，我的应用程序可以多快处理？我已经写了一个代码来瓦片和保存在一个网址的目录中，并想为5个网址做同样的事情。

浏览 1提问于2011-05-13得票数 0

回答已采纳

1回答

如何在Reactjs中渲染代码生成的SVG？

javascript、reactjs、svg、typescript、render

我通过代码创建了一个SVG矩形，并尝试在React中呈现它。我尝试了不同的方法，包括dangerouslySetInnerHTML，但都没有成功。如何退还svgRectElement生成的svg？谢谢!render() { let svgRectElement: SVGRectElement = document.createElementNS('http://www.w3.org/2000/svg

浏览 2提问于2016-10-02得票数 0

1回答

如何将多个SVG保存在一个文件中，并根据条件使用其中的一个？

html、angular、svg

我使用的是角，问题是，如果我把所有的SVG放在一个文件中，我能根据条件动态地将它们放到HTML代码中吗？它必须是SVGs，因为我也需要动态地使用fill选项。我可以使用*ngIf，但是使用长的SVG代码，它会变得不可读。有没有可行的解决办法？谢谢!

浏览 3提问于2020-06-11得票数 0

回答已采纳

1回答

通过VoiceOver向Web应用程序发送tap

javascript、ios、accessibility、voiceover、screen-readers

我正在构建一个供视障用户使用的web应用程序，以便通过触觉打印输出来探索SVG图表。为了实现这一点，我需要将触觉打印输出校准为设备上的图像。在使用VoiceOver时，我知道如何通过轻触并按住直到三个铃声，然后再滑动来发送滑动。然而，我无论如何也找不到如何发送定位点击的方法。有什么想法吗？

浏览 0提问于2018-03-24得票数 0

2回答

我想在我的Xcode应用程序中操作的巨大图像

iphone、xcode、image、uiimageview、png

我有一个巨大的地图图像(25mb)，我想在我的应用程序中使用。这款应用的全部功能就是在这个细节丰富的地图上进行缩小、缩放和滚动。在我的模拟器上，一切都运行得很好，但我担心的是，实际的iPhone/iPad可能会在渲染/操作25mb的png图像时出现问题。有人建议使用uiwebview来显示图像。我不知道为什么你的会更好。

浏览 0提问于2012-02-24得票数 0

回答已采纳

3回答

在流体宽度的SVG形状上重复图案？

html、css、svg、background、css-shapes

它将有一个固定的高度，但它应该动态地伸展到其容器的全部宽度。使用更可见的图像作为测试，我能够将其扩展到我的<polyline>的维度但是，我不想要那样的伸展。我需要平铺我的图案，或者至少不要扭曲它的固有尺寸(因此，如果需要的话

浏览 3提问于2016-01-11得票数 2

回答已采纳

点击加载更多