<style>
#book{width:300pxheight:20pxborder-bottom:1px solid #000000-webkit-transform: rotate(45deg)/*Safari 4+,Google Chrome 1+ */-moz-transform: rotate(45deg)/*Firefox 3.5+*/filter: progid:DXImageTransform.Microsoft.BasicImage(Rotation=0.45)}</style><div id="book"></div>
另外一种需要使用canvas标签，通过js实现：先画一块画板，再通过两点定位直接在画板上画线。代码如下：
<canvas id="myline" style="width:500pxheight:500px">
</canvas>
<script>
var c=document.getElementById("myline")
var ctx=c.getContext("2d")
ctx.beginPath()
ctx.moveTo(0,0)
ctx.lineTo(300,150)
ctx.stroke()
</script>
原型设计的工具有很多，熟悉的有墨刀、axure、摹客RP等，其中墨刀是一款可以直接在浏览器上打开使用的设计原型协作工具 。有些初学墨刀的小伙伴们想要了解用墨刀制作完原型之后可以导出什么内容以及对应的格式，下面小编来为大家解答这个问题 。【墨刀中可以导出什么格式的单个元素？墨刀可以导出什么格式的原型图？】
墨刀中可以导出什么格式的单个元素？墨刀可以导出什么格式的原型图？
文章插图
我们在用墨刀导出元素/图层/画板的时候，可以以png和svg格式的图片格式导出，导出步骤如下；
1、首先我们需要从谷歌浏览器中打开墨刀工具，新建页面绘制原型图片等 。
2、然后我们需要在页面中选择需要导出的元素，可以是一个图层或是多个图层，也可以是一个组、嵌套画板和顶级画板 。
3、接着，在属性面板中，我们需要找到“导出”窗口来导出图层、元素或者画板 。
4、点击格式类型的下拉三角，可以选择svg格式也可以是png格式，具体根据需要选择 。
5、最后设置屏幕的密度倍率导出文件并在文件名后添加前/后缀 。
在墨刀中支持下载什么格式的原型？
1、墨刀中可以支持导出pdf格式的原型图，在编辑栏的顶部找到“下载”图标并点击，选择pdf导出即可 。
2、墨刀支持导出原型中的画布外内容，如PRD文档等，需要在编辑栏顶部找到“下载”图标并点击，选择png格式并开启【包含画布外元素】选项，点击下载即可 。
以上就是关于墨刀中支持导出的一些内容和格式，墨刀中既可以导出单个元素也可以导出原型图或原型中的画布外元素 。
墨刀如何添加页面标识？添加页面标识的作用是什么？
cdr如何去掉图片颜色？cdr中对图片进行去色处理的方法
cdr中如何对素材进行反显颜色？cdr反显颜色的三种方法介绍
