个人中心
文章发布
退出
作者热门文章
- xml - AJAX/Jquery XML 解析
- 具有多重继承的 XML 模式
- .net - 枚举序列化 Json 与 XML
- XML 简单类型、简单内容、复杂类型、复杂内容
27
4
我目前正在尝试用svg画一些图形，纸张尺寸为A4，1个逻辑单元代表1mm。所以我将视口(viewport)设置为 297mmx210mm，viewbox 为 297x210。现在的问题是我画的图 stroke-width 不再是 1 个像素。例如，
<!DOCTYPE html>
<html>
<body>
<svg width="297mm" height="210mm" viewBox='0 0 297 210' style="border: 1px solid #cccccc;">
<path stroke="black" fill="none" stroke-width='1' d='M 10 10 L 60 10'/>
<path stroke="black" fill="none" stroke-width='1px' d='M 10 30 L 60 30'/>
<path stroke="black" fill="none" d='M 10 50 L 60 50'/>
</svg>
</body>
</html>
即使我将其 stroke-width 设置为“1px”，上面的这 3 行也具有完全相同的线宽。在这种设置下是否仍然可以绘制 1 像素宽的线？
最佳答案
试试这个:
<path stroke="black" fill="none" stroke-width='1px' d='M 10 30 L 60 30' vector-effect="non-scaling-stroke"/>
vector-effect="non-scaling-stroke" 是 SVG 1.2 Tiny 的一项功能，它强制笔划宽度完全符合您的指定，无论缩放或单位转换是否有效。不幸的是，FF 和 Chrome(也许其他)支持它，但 IE(到目前为止)不支持。如果您可以接受，那么它就是解决您问题的最简单方法。
关于javascript - 在 A4 svg 绘图中绘制 1 像素笔画宽度图形，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/17584348/
27
4
0
我正在开发一个基于fabricjs 的图表工具。我们的工具有我们自己的形状集合，它是基于 svg 的。我的问题是当我缩放对象时，边框(描边)也会缩放。我的问题是:如何缩放对象但保持笔触宽度固定。请检查
我在 Canvas 上画线时遇到一点问题， 基本上我希望线条漂亮、柔软且半不透明，但 Canvas 似乎只想对最后渲染的线段执行此操作。 看看这里，您会看到最后绘制的线段很好，而且..我想要它)但是随
也许这是一个错误，但请检查一下。 https://codepen.io/Firsh/pen/LegGQq /* Only these work:*/ /* symbol{ overflow: visi
我已经在终端中启动了一个 python 脚本(该终端已关闭)并将其发送到后台。现在这个程序需要一些来自键盘的输入并一直等待。如何将输入“y\n”(字母“y”后跟一个 Enter)发送到该程序？假设它的
我想实现这样的效果: 有人知道如何在 Canvas 上画这样一条线吗？ 最佳答案 再靠近一点: chalkPaint = new Paint(); chalkPaint.setStyl
我建立了一个very simple Twitter Instant Search为了好玩，使用 jQuery 和 PHP。我将一个事件绑定(bind)到搜索表单上的 keyup，并对 PHP 页面进行
使用通用 Windows 平台 (UWP) 使用 InkCanvas 控件 我似乎无法确定在使用 InkCanvas 时删除墨迹笔划的正确方法 - 有一个可以处理的事件“StrokeErased”。
我是一名优秀的程序员,十分优秀！