首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

前端生成PDF,让后端刮目相看

PDF文件格式可以将文字、字型、格式、颜色及独立于设备和分辨率的图形图像等封装在一个文件中,该格式文件还可以包含超文本链接、声音和动态影像等电子信息,支持特长文件,集成度和安全可靠性都较高。...它存在的目的是为了实现批量精准的印刷,保证在多个屏幕,多个系统,多终端中文件格式都能保存相对位置,展示布局都不会出现格式错乱,保证了打印到纸张上的格式完全一致,而不会内容格式面目而非。...如果你实现过类似于打印页面,打印表单等功能,你可能会深有体会这其中的坑,吃过的苦只有自己清楚。 因为将网页保存为PDF 让用户预览或下载不失为一种保证格式在各终端一致的好方法。...每个浏览器对于文字内容,甚至CSS 属性处理都不一致,而正因为各家有各家的标准,会出现我们在Chrome中可以正常使用所有功能,而火狐使用PDF时,内容无法正常显示,但打印功能正常。 分辨率。...英文和数字等Unicode字符都可以保证PDF 正常显示,但如果页面中包含中文字符,在生成PDF 时是基于字形绘制的,如果提供的字形与实际页面展示的字形不一致,那导致生成PDF并不是所见即所得的效果,可能对于一些格式要求比较严格的文件

3.1K30

Flutter Icon IconFont(图标控件)

效果如下图: 控制不同颜色和大小的icon ? 在Flutter开发中,iconfont和图片相比有如下优势: 1.体积小:可以减小安装包大小。...2.矢量的:iconfont都是矢量图标,放大不会影响其清晰度。 3.可以应用文本样式:可以像文本一样改变字体图标的颜色、大小对齐等。 4.可以通过TextSpan和文本混用。...2、原理 在字体文件中,每一个字符都对应一个位码,而每一个位码对应一个显示字形,不同的字体就是指字形不同,即字符对应的字形是不同的。...而在iconfont中,只是将位码对应的字形做成了图标,所以不同的字符最终就会渲染成不同的图标。...注:Icons类中包含了所有Material Design图标的IconData静态变量定义。

3.6K10
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    最新iOS设计规范九|10大系统能力(System Capabilities)

    AR字形 应用程序可以在控件中显示AR字形,以启动基于ARKit的体验。 ? 按预期使用AR标志符号。该标志符号应严格用于启动基于ARKit的体验。...切勿更改字形(除非调整其大小和颜色),将其用于其他目的或与未使用ARKit创建的AR体验结合使用。 保持最小的空白空间。AR字形周围所需的最小空白空间为字形高度的10%。...专门使用这些图像来标识可以使用ARKit在AR中查看的产品或其他对象。切勿更改徽章,更改其颜色,将其用于其他目的,或将其与未使用ARKit创建的AR体验结合使用。 ? 将AR徽章优先于仅字形的徽章。...如果窗口小部件的内容从未改变,则人们可能不会将其保持在显眼位置。尽管小部件不会每分钟更新一次,但是找到保持其内容新鲜以邀请频繁查看的方法很重要。 寻找惊喜和喜悦的机会。...如果您为同一件事发送多个通知,则您将填满“通知中心”,然后人们可能会关闭您应用程序中的通知。 提供描述性的非特定文本,以在隐藏通知预览时显示。在“设置”中,人们可以选择隐藏所有应用程序的通知预览。

    4.3K20

    mac字体设计编辑Glyphs 3 for Mac

    4.不再隔离以高分辨率观看您的文字:编辑视图兼作文本编辑器,允许您在单词上下文中绘制,编辑,空间和刻画字形,而不是在窗口中分离。颜色无处不在为什么要保持单色?...使用内置的多层预览和专业编辑工具为印刷生活添加色彩。字形可以导出图层字体,Microsoft风格的颜色网页字体或Apple风格的表情符号字体。...6.插值解开最多三个轴,任意数量的字体母版,独立图层,基于字形的替代和中级母版:您可以在字形中完成所有操作。轻松切换主人,控制大纲兼容性和风格链接,并一次性生成一个完整的家庭。...你总是在你的设计文件中工作,保持重叠,而Glyphs负责其余部分,使用你的参数来构建可安装的字体文件。9.激进分子重新思考重新出现在其他字形中的字母部分或CJK部首可以使用智能组件进行内插。...在多个主文件中,第一个主文件中的提示会自动复制到兼容的主文件中。

    79120

    手把手教你用Java打造一款简单故事书(上篇)

    2.能够基本实现改变字号、字体、字形、颜色、壁纸等选择,按钮页面切换功能。 3.java读取txt文件,简化代码。 三、项目实施 使用eclipse软件开发,先上效果图,如下图所示。...可以看到在界面上有可以改变字号、字体、字形、颜色、设置选项的菜单栏,页面切换的功能。 ? 接下来,小编带大家进行具体的实现,具体的实现步骤如下。...(2)创建JMenuBar菜单栏对象,JMenu在创建菜单对象,将菜单对象添加到菜单栏对象中。 (3)将JMenuItem菜单项添加到JMenu中。...8.添加设置换壁纸 intall.add(swap); 效果图如下图: ? 以上将字号、字体、字形、颜色、设置添加到JMenuBar菜单栏中,字体里面的菜单项如黑体、宋体添加到菜单中。...其他字号、字形、颜色、设置添加组件也一样! 接下来实现功能请看手把手教你用Java打造一款简单故事书(下篇)!

    84920

    小程序实践:基础内容icon,关于图标的5个实现方案等

    color 图标的颜色,css支持的颜色格式都可以使用 3)图标与图片有什么不同 通过size属性,可以改变图标的大小: ?...但是中间对勾的颜色同时改变不了,因为它是由背景决定的。 下面看一下与图标有关的问题: 1)图标能否与文本同行,放在段落中? 可以。效果: ?...但是这种方法有三个明显的缺点:造成大量http请求;不方便修改颜色;放大图片会虚。 B)后来有聪明的工程师发明了精灵图,什么是精灵图? 这是一个字译。...在矢量字体文件里,每个unicode仅是编码的索引。每个字符描述信息是一堆矢量绘图描述信息,以Type1为例,它使用三次贝塞尔曲线来描述字形,TrueType则使用二次贝塞尔曲线描述字形。...可以看到url指向的是一个内嵌的svg矢量图数据。在新的tab页中打开,可以直接保存为svg文件,在Sketch软件中编辑。

    2.1K00

    Jekyll 社交图标集合创建

    新增图标的时候,为了能沿用原来已经写好的样式,只能在原有的雪碧图的基础上往后增加图标,当然同时也要增加对应的样式。   虽然雪碧图在某种程度上提升了加载效率,但是给后期的更新、维护带来了不小的麻烦。...字体图标   接着发展出了一种字体图标的东西来解决图片索引中存在的问题。...比如说,虽然我们只在字体图标文件中定义了一个图标,但是当我们使用不同的 color 定义时,图标就会改变其颜色。...另外,字体图标因为像字体一样被操纵,所以只能支持一种颜色,无法同时支持多种颜色。除此之外,如果我们想要预览所有的图标,但是抱歉的是脱离了 Iconfont 这类平台我们可能就没有办法做到。...Symbol 图标   实际上除了字体图标在不同设备、不同平台上有相同的效果之外,SVG 图标也具有类似的效果,这主要是因为 SVG 图标的矢量本质,即缩放不会产生任何失真。

    2K40

    2014版CAD操作教程(全)

    相对于屏幕设置大小:当滚动滚轴时,点大小随屏幕分辨率大小而改变。 按相对单位设置大小:点大小不会改变。 注:在同一图层中,点的样式必须是统一的,不能出现不同的点。...5.在列表中选中不同的线,并改变其颜色,线型. 在“多线样式”对话框中选择“保存”,将对样式的修改保存到 MLN 文件中。 选择“确定”,退出对话框。...多线可以相交成十字形或 T 字形,并且十字形或 T 字形可以被闭合、打开或合并。 3.单个剪切 剪切多线上的选定元素。...u 打印预览 u 输出图形 在打印输出图形之前可以预览输出结果,以检查设置是否正确。例如,图形是否都在有效输出区域内等。...选择“文件”---“打印预览”命令(PREVIEW),或在“标准”工具栏中单击“打印预览”按钮,可以预览输出结果。 在AutoCAD中,可以使用“打印”对话框打印图形。

    6.3K10

    ps 2023,Photoshop 2023 最新版支持M1,新功能太惊艳!

    更直观的用户界面和新的无损编辑功能,让您掌控一切,包括新的“调整”和“蒙版”面板内容感知缩放一扩展景深的高级自动混合,以及使用重新设计的颜色校正工具进行行业领先的编辑和合成。...使您能够利用当今更快的图形处理器的强大功能突破性的3D编辑和合成功能以及改进的视频控件可显著扩展您的创意选项通过增强的测量和计数工具进行全面的图像分析,并支持DICOM图像和MATLAB处理例程增强功能:画板创意云库土坯库存设计空间(预览...)导出画板、图层等图层样式设备预览和“预览CC”配套应用模糊画廊恢复模糊区域的噪点字形面板相机原始数据3D打印3D成像用于插件和脚本的U工具包Adobe照片商店是创意云的一部分。...使用“保存到云”使文件在多台计算机之间井井有条。通过Behance集成,您可以直接从Photoshop共享您的项目,并从世界各地的创意人员那里获得即时反馈。

    2.6K40

    CAD 初级教程

    相对于屏幕设置大小:当滚动滚轴时,点大小随屏幕分辨率大小而改变。 按相对单位设置大小:点大小不会改变。 注:在同一图层中,点的样式必须是统一的,不能出现不同的点。...5.在列表中选中不同的线,并改变其颜色,线型. 在“多线样式”对话框中选择“保存”,将对样式的修改保存到 MLN 文件中。 选择“确定”,退出对话框。...第十九课时 输出、打印 重点与难点: l 设置打印布局 l 打印预览 l 图形的输出 创建完图形之后,通常要打印到图纸上,也可以生成一份电子图纸,以便从互联网上进行访问。...u 打印预览 u 输出图形 在打印输出图形之前可以预览输出结果,以检查设置是否正确。例如,图形是否都在有效输出区域内等。...选择“文件”---“打印预览”命令(PREVIEW),或在“标准”工具栏中单击“打印预览”按钮,可以预览输出结果。 在AutoCAD中,可以使用“打印”对话框打印图形。

    5.8K00

    iOS 图标图像 (官方翻译版)

    PNG支持透明度,因为它是无损的,压缩伪像不会模糊重要的细节或改变颜色。对于复杂的艺术作品来说,这是一个很好的选择,它需要像阴影,纹理和亮点这样的效果。使用JPEG的照片。...给它一个简单的背景,所以它不会压倒附近的其他应用程序图标。您不需要填写整个图标的内容。 只有当它们是必需品或标志的一部分时才使用单词。应用程序的名称显示在主屏幕下方的图标下方。...摄影细节在小尺寸上很难看出。屏幕截图对于应用图标来说太复杂了,通常不会帮助您传达应用的目的。图标中的界面元素具有误导性和混淆性。 不要使用苹果硬件产品的副本。...在整个应用程序中看到用于不同目的的图标可能会令人困惑。相反,请考虑使用您的图标的配色方案。见颜色。 根据不同的壁纸测试你的图标。...您无法预测哪些壁纸会为主屏幕选择,所以不要只是测试您的应用程序的光或暗的颜色。看看它如何看待不同的照片。尝试在具有动态背景的实际设备上,随设备移动而改变透视图。 保持图标角落正方形。

    3.6K40

    VFP在运行时扩展报表系统,这是报表转换任意格式的秘决

    在“一次所有页”模式中,Report listener 会绘制所有的页并将它们放在内存的缓存中,然后它根据需要输出这些绘制好了的页,比如当用户在打印预览窗口中单击了 next 按钮。...只读 PreviewContainer O 对要预览的报表的显示界面的一个对象引用 PrintJobName C 显示在 Windows 打印队列对话框中的打印任务的名称 QuietMode L 若为...不过,一个 listener 可以在预览完毕开始打印时将这个属性设置为打印起始页 PrintRangeTo N 默认为-1。...不过,一个 listener 可以在预览完毕开始打印时将这个属性设置为打印终止页 Prompt L 若指定了关键词 PROMPT 则为.T....由于这个事件的触发发生在加载FRX文件和打开打印机池之前,所以,你可以从这里来在报表运行前改变磁盘上FRX文件的内容、或者改变打印机环境。

    1K21

    Affinity Publisher for Mac(桌面排版神器)

    Affinity Publisher for Mac中文注册版是一款桌面排版应用,可以帮助专业设计人员在每一版面、页面、杂志、书籍和数字出版物中实现最佳的效果,展现令人惊艳的排版和绚丽的色彩。...•  智能拾色器专门的拾色器工具用于准确拾取颜色,包括单个点或在某区域上的平均采样。•  资产管理创建常用的资产集合,以便即时访问和拖动到项目中。•  转换面板可精确调整对象的位置、大小、旋转和切变。...•  字形浏览器浏览任何字体的完整可用字形集。•  笔划面板提供对虚线样式、箭头和压力属性的完全控制。...•  加噪在颜色中应用噪音,为您的工作填充纹理感。•  预览模式立即从查看网格、参考线、出血和边距切换到完全干净的文档预览。•  卓越性能以 60fps 的速度平移、缩放和滚动文档。

    54930

    Flutter | 常用组件

    ,使用 FadeInImage 之后会在图片的加载过程中显示一个占位符,在图片加载完成之后显示淡入 ICON 在 Flutter 中,可以直接使用 字体图标,它是将图标做成字体文件,然后通过指定不同的字符而现实不同的图片...在字体文件中,每个字符都对应一个码,每个码对应一个显示字形,不同的字体就是指字形不同,及字符对应的字形是不同的。...而在 iconfont 中,只是将位码对应的字形做成了图标,所以不同的字符最终就会渲染成不同的图标 在 Flutter 中,iconfont 和图片相比有如下优势 1,体积小 2,矢量的图标,放大不会影响清晰度...false,则输入框被禁用 cursorWidth ,cursorRadius 和 cursorColor:定义光标的宽度,圆角和颜色 栗子 class InputText extends...,宽度 ), 颜色使用的是主题颜色,//TODO 这里设置的不生效,日后解决 表单 Form 在实际开发中,在请求接口之前会对输入框中的数据进行校验,如果对每个 TextField

    11.4K30

    Python函数的参数列表

    ,在外部进行重新打印,打印的是原来的值,原因是在参数内部进行了形参的重指向,实参的值没有发生改变。...对于可变类型:参考上例,num1 变为可变类型,当 num1 的值在内部使用append()方法进行添加元素时,在函数外打印 num1 ,打印的是添加后的列表,因为没有进行重指向,实参及形参指向的是同一个...,那么传入参数时就会改变传给形参的值,这样传入参数时的参数就叫做位置实参 fn(a=1,b=2,c=3)像上方函数的调用这样,如果在调用函数时指名道姓的传入参数,那么不论实参的位置如何变化,形参的得到的值都不会发生变化...2、关键字实参采用的是指明道姓的赋值,所以实参进行位置变化时不会改变形参接收的值3、在既有关键字实参,又有位置实参时,肯定是先进行位置参数的传值,再进行关键字实参的传值(位置参数在前,关键字参数在后)四...3、可变长度的形参:可变长度位置形参:其位置在位置形参及关键字形参之间,当传入的位置实参数量多于位置形参时,多出部分的位置形参会全部存储在可变长度的位置形参中可变长度的关键字形参就是例子中的 ,只是给这个形参添加了一个名字

    90810

    Iconfont 还是不能上传,如何维护你的 Icon?

    使用 iconfont 有很多优势,比如只需要加载一次,全部图标都可以设置字号大小,颜色、透明度等,可以随意变换字体的形态,并且图标是矢量的,不会随着字体大小的变化失真,得益于 iconfont.cn...遇到的问题 问题一:命名冲突 原先都是一个个独立的应用,都是可以独立部署独立运行,现在需要将这些应用组合在一起,形成一个新的应用,就遇到这个关于图标的问题。...没有 unicode,不会因为抽离组件而造成图标冲突 在低端设备上 SVG 有更好的清晰度。 支持多色图标。...在 iconfont 字体样式中,css 包含了这样一个路径,或者我们可以在项目 css 中直接找到这段代码,然后下载这个 svg。...打开 svg 会看到如下代码 一个 glyph 元素定义了 SVG 字体中的一个独立的字形,所以我们可以通过一个 node 脚本将这里面的独立字形转变 svg 直接上代码 const cheerio

    1.4K30

    ICON设计使用手册:如何设计一个优秀的图标?

    图标设计,即icon设计在界面设计中占有很重要的位置,决定一个界面风格的重要构成元素。一个好的图标,可以让用户“一秒即懂”,如何设计出优秀的图标,这篇文章给你解答。...图标的类型多种多样,总共分为三大类:工具图标,装饰图标,启动图标。其中风格多种多样。...▲文字形式 ? ▲图标形式 ? ▲图形形式 ? ▲插画形式 ?...▲拟物形式 上述是一些主流图标盘点,大家在进阶的过程中,不要挑一些简单的进行制作,可以尝试挑一些有趣的操作,在掌握技巧的同时培养创新意识。...在ps中,你需要掌握路径创建和调整、钢笔工具和锚点、路径图层、布尔运算、图层属性等。设计软件都是越用越熟悉,所以一些新手ui设计师不要担心这个不会那个不会,跟着一些案例教学,基础的绘制过程都能了解。

    2K20

    3D边界地图子组件(散点、柱状图、灯光)

    1.1.3 物体设置始终面向镜头:勾选此项,则散点始终面向镜头,旋转和缩放镜头都不会改变散点的大小,只会改变散点在屏幕上的位置。并且散点的尺寸和屏幕像素直接关联。...缩放镜头会改变散点大小,旋转镜头会改变散点朝向。基准点:散点的位置是根据经纬度映射在场景中的世界坐标,而基准点设置的是散点图标上对齐到场景中的世界坐标的那个点。...和鼠标点击的区别在于:鼠标点击只在鼠标点击时发送,而状态改变不仅会在鼠标点击时发送,还会在轮播到某个点位时发送。2、柱状图2.1 样式2.1.1 基础配置同散点子组件。...2.1.3 交互配置数据动画:开启后,所有的柱状图在预览时会同时抬升,标牌同时出现。轮播动画:开启后,标牌会按顺序轮流出现。...(可以选择方向光、聚光灯和点光源)颜色模式:灯光的颜色预设:可以选择火柴光、烛光、篝火、白炽灯、日光等不同的效果。色温:通过调节色温来改变灯光的效果。颜色:可以自定义需要的灯光颜色。

    9910

    iPhone X 适配指南 (官方翻译版)

    对于字形和其他平面的矢量图形,最好提供独立于分辨率的PDF。对于光栅化图稿,您可以提供@ 3x和@ 2x版本的作品。请参阅图像大小和分辨率和自定义图标。...布局 在设计iPhone X时,您必须确保布局填满屏幕,并且不会被设备的圆角,传感器外壳或用于访问主屏幕的指示灯遮蔽。...在iPhone X上预览您的应用程序。您可以使用Simulator(Xcode附带)来预览应用程序,并检查剪辑和其他布局问题。一些功能,如宽彩色图像,最好在实际设备上预览。 提供全屏体验。...请注意,当背景任务(如录音和位置跟踪)处于活动状态时,iPhone X上的状态栏不会改变高度。 如果您的应用程序目前隐藏状态栏,请重新考虑iPhone X上的决定。...请参阅颜色管理。 手势 iPhone X上的显示屏使用屏幕边缘手势来访问主屏幕,应用程序切换器,通知中心和控制中心。 避免干扰系统范围的屏幕边缘手势。人们依靠这些手势在每个应用程序中工作。

    2.5K50

    【Flutter 组件】004-基础组件:图片及 ICON

    在字体文件中,每一个字符都对应一个位码,而每一个位码对应一个显示字形,不同的字体就是指字形不同,即字符对应的字形是不同的。...而在iconfont中,只是将位码对应的字形做成了图标,所以不同的字符最终就会渲染成不同的图标。...2、与图片相比的优势 在Flutter开发中,iconfont和图片相比有如下优势: 体积小:可以减小安装包大小。 矢量的:iconfont都是矢量图标,放大不会影响其清晰度。...可以应用文本样式:可以像文本一样改变字体图标的颜色、大小对齐等。 可以通过TextSpan和文本混用。...iconfont.cn上有很多字体图标素材,我们可以选择自己需要的图标打包下载后,会生成一些不同格式的字体文件,在Flutter中,我们使用ttf格式即可。

    18110
    领券