最近使用HTML SVG和CSS进行的冒险使我创建了一个新的Visio SmartShape,它将帮助您轻松定义自定义线条图案的破折号图案
CSS中的SVG描边虚线数组
我一直在尝试Visio及其SVG导出在过去几周的搜索中这个网站与大多数研究工作一样,我不可避免地最终在html和svg yada yada yada上观看了大量YouTube视频
在一个视频演示者将中风dasharray属性添加到CSS样式
我很高兴仅通过使用以空格分隔的数字来建立破折号和空格模式是多么容易,我还发现它非常酷,您可以通过CSS样式轻松更改SVG矢量图形
无论如何,在上面的示例中定义一个像这样的模式
- 单位破折号
- 单位空间
- 单位破折号
- 单位空间
然后,系统创建一条虚线,其中的线和空格具有由数字定义的相对长度
为了进行测试,我将Visio图表导出到SVG,并向SVG文件本身中的Visio定义的st CSS样式中添加了笔划破折号数组定义
刷新
如上所见,它的工作原理
描边仪表板Visio SmartShape
如果您是Web设计师,那么这可能对您而言并不是什么新鲜事物,我相信AutoCAD具有定义自定义线条图案的相似格式,但是Visio没有这样的东西,或者我忘了它在哪里
现在在Visio中定义自定义线条图案就像绘制几个矩形并在它们之间留有空格以及许多其他步骤一样简单,但是我想创建像笔划破折号一样简单的东西,从而节省了很多步骤,一堆数学
这就是我想出的
是的,只需选择一些数字和空格的形状类型,然后将其复制到模式主容器中即可,然后将其应用于图表中的任何线条
形状使您可以添加线段和空格,尽管通常要以空格结尾,如果您以线开头,则在形状s ShapeSheet中进行一堆计算,将形状的宽度划分为与图案匹配的段您指定的参数如果输入的参数过多,文本将变为红色,但形状不应以任何不利的方式做出反应
请注意,因为破折号数组是所有关于比例的,所以结果与
这是我使用新的SmartShape拼凑而成的一些示例
点击查看大图
形状还带有许多选项,您可以通过“形状数据”面板和右键单击来访问
显示文字
您可以关闭文本,这并不是非常重要,因为当您将形状转储到线条图案母版中时,文本将被忽略,但是您可能想放心地看一下您的图案,这样说来,您仍然可以在隐藏文本时对其进行编辑只需双击形状或选择形状并按F或选择形状并开始输入
没有大纲
自定义线条图案定义可以具有填充色和轮廓色,当您应用图案时,图案定义中任何黑色的颜色都会占据线条颜色因此,如果您使用固定的轮廓线颜色,则在将其应用于形状时将无法更改该轮廓线。此外,轮廓线的重量在应用于较细的线条时可能会使图案的填充部分模糊不清。大纲
见模式跳跳跳在上面的示例中看到轮廓线图案
倒
您可以通过右键单击或翻转模式轻松地交换图案的空格和破折号部分倒形状数据字段在图案下方看跳跳跳看一个倒置图案的例子
圆角划线
模式范例紧急求救上面的圆角虚线在我看来看起来很酷
定界符
如果您不喜欢空格Maybe,则可以选择使用自定义定界符便于您键入或阅读内置选项包括斜线和垂直管道,但您可以键入所需的任何定界符,它应该可以工作
请注意,如果输入数学表达式,则选择定界符可能会影响结果,请参见示例和以上内容。
创建具有形状的自定义线条图案
因此,一旦创建了新的破折号阵列,如何创建可应用于Visio形状的自定义线条图案
嗯,互联网上有一些参考资料
但是,如果您需要复习一下,我将在这里简要介绍一下步骤
- 确保您已打开开发人员标签
- 显示图纸浏览器来自显示隐藏开发人员标签上的组
- 复制破折号阵列形状
- 右键点击线条图案在绘图资源管理器中选择叶子,然后选择新模式
- 设置图案属性在弹出的对话框中
输入名称,然后选择线条图案单选按钮,然后选择所需的行为
通常最左边的图标是默认选择 - 双击“线型”下的新条目以打开线型母版编辑窗口
- 将形状粘贴到该窗口中,然后关闭该窗口
您是否注意到我曾经用这种形状制作的自定义线条图案来突出显示屏幕截图的区域
应用自定义线条图案
创建自定义线条图案后,您可以将其应用到形状上,就像使用任何内置的Visio线条图案一样
- 在绘图窗口中选择任意数量的形状
- 按F显示格式形状面板(如果尚未显示)
或者,右键单击形状,然后选择上下文菜单底部的“设置形状格式” - 展开线“格式形状”面板的“桶”选项卡下的叶子
- 滚动到短跑类型列表自定义线条图案在下拉列表的末尾按名称列出
请注意,自定义线条图案不会在任何Visio UI中显示为预览,并且不会显示在您可以使用的任何简短列表中,例如家居形状样式线或右键单击形状并使用任何格式设置快捷菜单
转移图案
自定义线型作为隐藏的母版存储在文档模具内部,该文档模板是已添加到文档中的母版的本地存储库。这些母版可以在文档中的任何页面上使用,并且不需要从那里开始的原始模板它们来了,这使Visio文档可以移植。您可以仅将图形文件发送给同事,而无需包含可能没有将您使用过的原版复制到本地文档模板的模板。
当您将自定义线型应用于形状时,可以说是线型母版,如果您随后将目标形状复制到另一个图形中,它将带上图形母版,除非您正在监视图形,否则不会发生任何事情。资源管理器因此您无需显式和手动将模式母版从一个文档复制到另一个文档
但是,如果您希望在另一文档中使用整套自定义线型,但是在文档中并未全部使用它们,该怎么办?您可以使用两种方法
保持原始文档处于打开状态
当您在“格式形状”对话框中使用“破折号”类型下拉菜单时,所有打开的文档中的所有自定义线型均可用,因此只需将源文档保持打开状态即可轻松访问一组自定义模式
您甚至可以制作图案模具并将其保存到形状更多形状我的形状一种执行此方法的方法是删除源图形文件副本中的所有页面和页面内容。删除“文档”模具中的所有本地母版,而不删除图案母版。形状更多形状显示文档模具然后删除所有母版,然后将文档另存为模版而不是作为图形文件,您可以将其保存到我的形状位于的文件夹用户个人资料记录我的形状以后您可以从任何编辑的图形中轻松访问模具
创建图案转移形状
画一束直线,然后将每个自定义线型应用到另一条线上。选择这些线并将它们分组在一起,分组快捷方式Ctrl G现在,您可以将此形状复制并粘贴到任何图形中,所有自定义图案都会随之出现
最好将图案转移形状添加到您可能位于“我的形状”中的一个模具中,并且可以通过打开模具并将母版放到页面上来访问图案转移形状,然后可以关闭该模具,因为不再需要它您也可以删除图案转印形状自定义图案原版已复制到文档模具中,因此您不再需要该形状
或者,您可以只打开模具,而所有自定义图案都可用于所有打开的文档,而无需将图案转移形状放到文档中
请记住,精心构建的图案转移形状可以用作使用大量自定义破折号阵列的复杂图形的图例
获取Dasharray形状
您可以在此处获得Stroke Dasharray SmartShape。请注意,下载文件为Visio和更新的格式VSDX
下载Visio自定义线条图案的笔触Dasharray形状s Aj wJuswNyXlhiqlUhGPWqf bx r下载次数B
非常翔实的文章
非常感谢你
这正是我正在从事的项目所需要的
好贴