CN108897826A - 横幅图片快速生成方法、***及存储介质 - Google Patents

横幅图片快速生成方法、***及存储介质 Download PDF

Info

Publication number
CN108897826A
CN108897826A CN201810648552.1A CN201810648552A CN108897826A CN 108897826 A CN108897826 A CN 108897826A CN 201810648552 A CN201810648552 A CN 201810648552A CN 108897826 A CN108897826 A CN 108897826A
Authority
CN
China
Prior art keywords
picture
banner
size
rapid generation
painting canvas
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Granted
Application number
CN201810648552.1A
Other languages
English (en)
Other versions
CN108897826B (zh
Inventor
方青
邵帅
李文锦
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Shanghai Bilibili Technology Co Ltd
Original Assignee
Shanghai Bilibili Technology Co Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Shanghai Bilibili Technology Co Ltd filed Critical Shanghai Bilibili Technology Co Ltd
Priority to CN201810648552.1A priority Critical patent/CN108897826B/zh
Publication of CN108897826A publication Critical patent/CN108897826A/zh
Priority to US16/447,669 priority patent/US10783685B2/en
Application granted granted Critical
Publication of CN108897826B publication Critical patent/CN108897826B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T11/00—2D [Two Dimensional] image generation
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T11/00—2D [Two Dimensional] image generation
    • G06T11/60—Editing figures and text; Combining figures or text
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/04845—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range for image manipulation, e.g. dragging, rotation, expansion or change of colour
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/04847—Interaction techniques to control parameter settings, e.g. interaction with sliders or dials
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/0486—Drag-and-drop
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T11/00—2D [Two Dimensional] image generation
    • G06T11/001—Texturing; Colouring; Generation of texture or colour
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T3/00—Geometric image transformations in the plane of the image
    • G06T3/40—Scaling of whole images or parts thereof, e.g. expanding or contracting
    • G06T3/4007—Scaling of whole images or parts thereof, e.g. expanding or contracting based on interpolation, e.g. bilinear interpolation

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • General Engineering & Computer Science (AREA)
  • Human Computer Interaction (AREA)
  • Processing Or Creating Images (AREA)
  • Information Transfer Between Computers (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

本发明涉及一种横幅图片快速生成方法、***及存储介质，属于互联网技术领域。采用了该发明的横幅图片快速生成方法、***及存储介质，在该方法中，其基于WEB浏览器实现图片的编辑，从而使该方法不依赖于特定的使用环境，进而可以在保证图片清晰度的前提下，实现图片的缩放和位置移动，快速生成横幅图片。且本发明的应用成本低廉，应用方式简便，应用范围也十分广泛。

Description

横幅图片快速生成方法、***及存储介质
技术领域
本发明涉及互联网技术领域，特别涉及互联网图片编辑技术领域，具体是指一种横幅图片快速生成方法、***及存储介质。
背景技术
横幅图片(banner)在网站界面上应用十分广泛，配合特定的图片和文字能够清楚直观地传递信息，提供链接入口等。同时由于其更新速度很快，需要采用方便快捷的编辑工具来实现快速的横幅图片生成。
现有的网络图片编辑工具不能全方位支持在保持图片清晰度的情况下放大或缩小图片，同时也无法实现图片位置的灵活配置。更为重要的是，访问此类网络图片编辑工具通常受限于平台或网络，不支持离线访问操作。从而使得其无法被更为广泛而便捷地使用。
因此，如何提供一种能够方便使用，而不依赖使用环境，同时保证图片清晰度，又可配置图片位置的横幅图片编辑工具成为本领域亟待解决的问题。
发明内容
本发明的目的是克服了上述现有技术中的缺点，提供基于WEB服务器实现的，从而可不依赖使用环境，可被方便使用，且可以保证图片清晰度，又可配置图片位置的横幅图片快速生成方法、***及存储介质。
为了实现上述的目的，本发明的横幅图片快速生成方法包括以下基于WEB浏览器实现的步骤：
(1)确定横幅图片的大小和布局，选择素材图片；
(2)根据所述横幅图片的大小产生背景画布；
(3)根据所述的横幅图片的大小、布局及所述素材图片的大小，确定素材图片的初始尺寸；
(4)在所述的背景画布上显示所述初始尺寸的素材图片；
(5)调整所述的素材图片；
(6)生成包括所述背景画布及素材图片的横幅图片。
该横幅图片快速生成方法中，所述横幅图片的布局为所述的初始尺寸的素材图片在所述背景画布中的占比。
该横幅图片快速生成方法中，所述的步骤(3)具体包括以下步骤：
(31)根据所述的横幅图片的大小和布局确定素材图片在所述背景画布中的最大尺寸；
(32)调整所述素材图片的大小至初始尺寸，使该初始尺寸不大于所述最大尺寸。
该横幅图片快速生成方法中，所述的步骤(5)包括以下步骤中的至少一个步骤：
(5a)在所述的初始尺寸的基础之上调整所述素材图片的大小；
(5b)移动所述的素材图片在所述背景画布中的位置。
该横幅图片快速生成方法中，所述的步骤(5b)具体包括以下步骤：
(5b-1)监听对于所述的素材图片的拖曳操作，在所述的拖曳操作开始时获取拖曳操作的起始坐标；
(5b-2)清空所述的背景画布，在所述的背景画布上显示跟踪所述的拖曳操作的作为蒙层的素材图片；
(5b-3)通过监听所述的拖曳操作，在所述的拖曳操作结束时获取终点坐标，并隐藏所述的蒙层；
(5b-4)根据所述的拖曳操作的起始坐标、终点坐标和所述的素材图片的原始坐标计算素材图片的目标坐标；
(5b-5)根据所述的目标坐标在所述的背景画布上重新绘制素材图片。
该横幅图片快速生成方法中，所述的步骤(5b-5)具体为：当根据所述的目标坐标重新绘制的素材图片超出所述的背景画布时，裁剪掉超出的部分。
该横幅图片快速生成方法中，所述调整所述素材图片的大小，具体为：在调整前的素材图片的基础上利用插值计算获得调整后的素材图片。
该横幅图片快速生成方法中，所述的步骤(1)具体为：确定横幅图片的大小、布局、背景颜色，选择素材图片，并编辑文字、确定文字在所述横幅图片上的位置。
本发明还提供一种计算机可读存储介质，其上存储有计算机程序，该计算机程序被处理器执行时，实现上述的横幅图片快速生成方法。
本发明还提供一种横幅图片快速生成***，其包括处理器和存储器，所述的存储器上存储有计算机程序，该计算机程序被所述的处理器执行时，实现上述的横幅图片快速生成方法。
采用了该发明的横幅图片快速生成方法、***及存储介质，在该方法中，其基于WEB浏览器实现图片的编辑，从而使该方法不依赖于特定的使用环境，进而可以在保证图片清晰度的前提下，实现图片的缩放和位置移动，快速生成横幅图片。且本发明的应用成本低廉，应用方式简便，应用范围也十分广泛。
附图说明
图1为本发明的横幅图片快速生成方法的步骤流程图。
图2为本发明的横幅图片快速生成方法中的中心点坐标计算方式示意图。
图3为本发明的横幅图片快速生成方法中拖拽后坐标计算方式示意图。
图4为本发明的横幅图片快速生成方法中缩放和拖拽的过程中的素材图片出界情况示意图。
图5为本发明的横幅图片快速生成方法中裁剪掉素材图片出界部分的示意图。
图6为本发明的横幅图片快速生成***界面示意图。
图7为本发明的横幅图片快速生成***的界面进行素材图片拖曳操作的示意图。
图8为本发明的横幅图片快速生成方法的界面进行素材图片缩放操作的示意图。
具体实施方式
为了能够更清楚地理解本发明的技术内容，特举以下实施例详细说明。
请参阅图1所示，为本发明的横幅图片快速生成方法的步骤流程图。
在一种横幅图片快速生成方法，其特征在于，该方法包括以下基于WEB浏览器实现的步骤：
(1)确定横幅图片的大小和布局，选择素材图片；还可以确定横幅图片的背景颜色，编辑文字、确定文字在所述横幅图片上的位置等等；
(2)根据所述横幅图片的大小产生背景画布；
(3)根据所述的横幅图片的大小、布局及所述素材图片的大小，确定素材图片的初始尺寸；
(4)在所述的背景画布上显示所述初始尺寸的素材图片；
(5)调整所述的素材图片；
(6)生成包括所述背景画布及素材图片的横幅图片。
在一种优选的实施方式中，所述横幅图片的布局为所述的初始尺寸的素材图片在所述背景画布中的占比。
在一种进一步优选的实施方式中，所述的步骤(3)具体包括以下步骤：
(31)根据所述的横幅图片的大小和布局确定素材图片在所述背景画布中的最大尺寸；
(32)利用插值计算调整所述素材图片的大小至初始尺寸，使该初始尺寸不大于所述最大尺寸。
具体而言，当选好布局和素材图片之后，为了达到绘制适应布局的最大图片的效果，要先比较图片的长宽比和选定的布局中素材部分的长宽比，确定缩放的基准。如果图片的长宽比大于布局中素材部分的长宽比，则以布局中素材部分的长度为图片绘制在画布上的长度，以此为基准按图片的实际比例等比缩放图片的宽度，反之以布局中素材部分的宽度为基准，等比缩放图片的长度。
在一种更进一步优选的实施方式中，所述的步骤(5)包括以下步骤中的至少一个步骤：
(5a)在所述的初始尺寸的基础之上利用插值计算调整所述素材图片的大小；
(5b)移动所述的素材图片在所述背景画布中的位置。
每次绘制和清空画布都以画布左上角的坐标为起点绘制或清空，得出初始尺寸后，计算绘制的起始坐标，然后计算得到初始绘制图片的中心点坐标，中心点坐标计算方式如图2所示，并以此为基准进行后续操作的相对坐标计算。在图片拖拽过程中，计算鼠标点击时到此时鼠标之间坐标的相对值，此横坐标相对值假设为x2-x1，纵坐标相对值假设为y2-y1，则此时蒙层中心点x轴坐标a2＝a1+x2-x1，中心点y轴坐标b2＝b1+y2-y1，则图片的左顶点坐标则是(a2+imgWidth/2,b2+imgHeight/2)，如图3所示。
在一种更优选的实施方式中，所述的步骤(5b)具体包括以下步骤：
(5b-1)监听对于所述的素材图片的拖曳操作，在所述的拖曳操作开始时获取拖曳操作的起始坐标；
(5b-2)清空所述的背景画布，在所述的背景画布上显示跟踪所述的拖曳操作的作为蒙层的素材图片；
(5b-3)通过监听所述的拖曳操作，在所述的拖曳操作结束时获取终点坐标，并隐藏所述的蒙层；
(5b-4)根据所述的拖曳操作的起始坐标、终点坐标和所述的素材图片的原始坐标计算素材图片的目标坐标；
(5b-5)根据所述的目标坐标在所述的背景画布上重新绘制素材图片。
具体而言，当“监听”到画布上素材图片区域有鼠标下落事件时可以开始拖拽操作。拖拽操作开始之后，为了减少实际素材图片的重绘和清空画布开销，采用了实时拖动素材图片的蒙层的方式。蒙层的中心点坐标和尺寸与素材图片的中心点坐标和尺寸一样。在鼠标移动的过程中，实时改变蒙层的坐标并渲染。当监听到鼠标回升事件的时候，隐藏蒙层，结束拖拽操作，修改素材图片的中心坐标，调用计算模块得到绘制起点坐标和尺寸。绘制之前根据之前绘制图片的左顶点坐标和尺寸清空画布，然后绘制图片。
在缩放和拖拽的过程中有可能出现如图4所示的素材图片出界情况，因此当左上顶点的相对坐标小于零时，要计算出需要对素材图片进行剪裁之后的尺寸。如下图所示，此时红框中就是超出画布的部分，以画布的左上角顶点的坐标为坐标原点时，此时是y轴坐标为负值，因此需要裁去的部分就是图片自左上顶点开始宽度为图片宽，高度为b个像素的部分，剪裁完毕后需要重新绘制，则此时重新绘制的起点如图1-3中所示是(a,0)，重绘的宽度没有变，高度要减去b个像素。重绘之后如图5所示。
本发明还提供一种横幅图片快速生成***及计算机可读存储介质，所述的***包括处理器和存储器，所述的存储器为所述的计算机可读存储介质，其上存储有计算机程序，当该计算机程序被所述的处理器执行时，实现上述实施方式所述的横幅图片快速生成方法。
在实际应用中，本发明的横幅图片快速生成方法可以通过具有以下应用模块的***实现：
1)初始设定模块：按照提供的设定，选择初始banner图尺寸、素材图片、banner图布局以及背景色和文字。
2)素材计算模块：完成初始设定之后，根据设定中选定的布局以及素材图片实际尺寸，计算素材图片按比例缩放后实际能绘制出来的最大尺寸。以及后续操作中会有素材图片的缩放和拖拽，对素材图片进行缩放和拖拽操作之后都要重新计算图片的位置，以及实际上能绘制在画布上的实际尺寸。能够支持边界情况；
3)绘制模块：绘制模块是以计算模块得出的坐标和尺寸为依据使用插值算法绘制出缩放后清晰的素材图片，且每次重绘之前按照之前计算的素材图片的大小和位置清空之前画布上存在的图片，防止出现图片重叠。
4)拖拽模块：检测鼠标移动图片蒙层的坐标，得到最终绘制图片的中心坐标。
具体的应用流程通过以下实施例说明：
实施例1
用户通过WEB浏览器打开该***的界面，界面如图6所示。首先利用该界面进行标题文字设定、素材图选择、背景画布大小设定、颜色设定以及布局设定。画布布局设定分为7:3、6:4、5:5、4:6、3:7等等。其布局决定了初始状态下素材图片在整体背景中所占的比例。
上述内容都选择完成后，界面下方给出依据上述设定内容所生成的横幅图片预览图。用户可以进一步利用该界面对上述数据进行修改，确定后，预览图也会做出相应的修改。
如图7所示，用户可以进一步选择预览图上的素材图片进行拖曳，点选素材图片后背景中的素材图片消失，并显示该素材图片的蒙层效果，该蒙层跟随拖曳操作显示拖曳的位置，拖曳结束后，蒙层消失，在拖曳结束的位置重新绘制素材图片，从而能够直观的完成素材图片的拖曳操作，方便调整素材图片的位置。
完成上述编辑后，用户即可下载横幅图片。
实施例2
与实施例1的区别在于，界面还提供素材图缩放条。在利用实施例1所述的过程生成横幅图片预览图后，如图8所示，用户可以拖动该缩放条实现对于素材图片的缩放。素材图片缩放基于插值算法实现，可以有效保证图片缩放后的清晰度。该缩放操作可以配合拖曳操作反复使用，保证修改素材图片的便捷性。
实施例3
与实施例1、2的区别在于，无论是拖曳操作还是缩放操作，如图4所示，都存在素材图片超出背景画布的可能。此时，可以根据超出的位置重新绘制素材图片，并裁剪掉超出的部分，裁剪后的结果如图5所示，从而满足设定的画布尺寸。借由该方式可以方便地实现素材图片的裁剪。
综上所述，该项发明主要具有四个方面的效果：1、基于WEB技术实现的工具，可以在任意浏览器环境中访问使用，也可以多人同时使用，提升了使用工具的便利性，减少了使用工具的外部依赖；2、该工具中对于素材图片有计算好的适配大小，同时支持图片大小缩放，并且保持图片的清晰度；3、支持图片位置的拖拽，可灵活配置素材图片位置；4、界面操作便捷，使用方便。
采用了该发明的横幅图片快速生成方法、***及存储介质，在该方法中，其基于WEB浏览器实现图片的编辑，从而使该方法不依赖于特定的使用环境，进而可以在保证图片清晰度的前提下，实现图片的缩放和位置移动，快速生成横幅图片。且本发明的应用成本低廉，应用方式简便，应用范围也十分广泛。
在此说明书中，本发明已参照其特定的实施例作了描述。但是，很显然仍可以作出各种修改和变换而不背离本发明的精神和范围。因此，说明书和附图应被认为是说明性的而非限制性的。

Claims (10)

1.一种横幅图片快速生成方法，其特征在于，该方法包括以下基于WEB浏览器实现的步骤：
(1)确定横幅图片的大小和布局，选择素材图片；
(2)根据所述横幅图片的大小产生背景画布；
(3)根据所述的横幅图片的大小、布局及所述素材图片的大小，确定素材图片的初始尺寸；
(4)在所述的背景画布上显示所述初始尺寸的素材图片；
(5)调整所述的素材图片；
(6)生成包括所述背景画布及素材图片的横幅图片。
2.根据权利要求1所述的横幅图片快速生成方法，其特征在于，所述横幅图片的布局为所述的初始尺寸的素材图片在所述背景画布中的占比。
3.根据权利要求2所述的横幅图片快速生成方法，其特征在于，所述的步骤(3)具体包括以下步骤：
(31)根据所述的横幅图片的大小和布局确定素材图片在所述背景画布中的最大尺寸；
(32)调整所述素材图片的大小至初始尺寸，使该初始尺寸不大于所述最大尺寸。
4.根据权利要求3所述的横幅图片快速生成方法，其特征在于，所述的步骤(5)包括以下步骤中的至少一个步骤：
(5a)在所述的初始尺寸的基础之上调整所述素材图片的大小；
(5b)移动所述的素材图片在所述背景画布中的位置。
5.根据权利要求4所述的横幅图片快速生成方法，其特征在于，所述的步骤(5b)具体包括以下步骤：
(5b-1)监听对于所述的素材图片的拖曳操作，在所述的拖曳操作开始时获取拖曳操作的起始坐标；
(5b-2)清空所述的背景画布，在所述的背景画布上显示跟踪所述的拖曳操作的作为蒙层的素材图片；
(5b-3)通过监听所述的拖曳操作，在所述的拖曳操作结束时获取终点坐标，并隐藏所述的蒙层；
(5b-4)根据所述的拖曳操作的起始坐标、终点坐标和所述的素材图片的原始坐标计算素材图片的目标坐标；
(5b-5)根据所述的目标坐标在所述的背景画布上重新绘制素材图片。
6.根据权利要求5所述的横幅图片快速生成方法，其特征在于，所述的步骤(5b-5)具体为：
当根据所述的目标坐标重新绘制的素材图片超出所述的背景画布时，裁剪掉超出的部分。
7.根据权利要求3或4所述的横幅图片快速生成方法，其特征在于，所述调整所述素材图片的大小，具体为：在调整前的素材图片的基础上利用插值计算获得调整后的素材图片。
8.根据权利要求1所述的横幅图片快速生成方法，其特征在于，所述的步骤(1)具体为：
确定横幅图片的大小、布局、背景颜色，选择素材图片，并编辑文字、确定文字在所述横幅图片上的位置。
9.一种计算机可读存储介质，其上存储有计算机程序，其特征在于，该计算机程序被处理器执行时，实现权利要求1至8中任一项所述的横幅图片快速生成方法。
10.一种横幅图片快速生成***，其包括处理器和存储器，所述的存储器上存储有计算机程序，其特征在于，该计算机程序被所述的处理器执行时，实现权利要求1至8中任一项所述的横幅图片快速生成方法。
CN201810648552.1A 2018-06-22 2018-06-22 横幅图片快速生成方法、***及存储介质 Active CN108897826B (zh)

Priority Applications (2)

Application Number Priority Date Filing Date Title
CN201810648552.1A CN108897826B (zh) 2018-06-22 2018-06-22 横幅图片快速生成方法、***及存储介质
US16/447,669 US10783685B2 (en) 2018-06-22 2019-06-20 Banner image generation

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201810648552.1A CN108897826B (zh) 2018-06-22 2018-06-22 横幅图片快速生成方法、***及存储介质

Publications (2)

Publication Number Publication Date
CN108897826A true CN108897826A (zh) 2018-11-27
CN108897826B CN108897826B (zh) 2021-09-14

Family

ID=64345672

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201810648552.1A Active CN108897826B (zh) 2018-06-22 2018-06-22 横幅图片快速生成方法、***及存储介质

Country Status (2)

Country Link
US (1) US10783685B2 (zh)
CN (1) CN108897826B (zh)

Cited By (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN109741425A (zh) * 2019-01-04 2019-05-10 广州华多网络科技有限公司 横幅图片生成方法、装置及存储介质、计算机设备
CN110888582A (zh) * 2019-11-25 2020-03-17 Oppo（重庆）智能科技有限公司 标记信息处理方法、装置、存储介质和终端
CN113012028A (zh) * 2019-12-19 2021-06-22 浙江宇视科技有限公司 一种图像处理的方法、装置、设备及存储介质

Families Citing this family (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN113450251A (zh) * 2020-03-26 2021-09-28 京东方科技集团股份有限公司 拼图的生成方法、设备及存储介质

Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101651550A (zh) * 2008-08-15 2010-02-17 阿里巴巴集团控股有限公司 广告生成及显示方法和***、广告制作及显示客户端
CN101814251A (zh) * 2010-04-28 2010-08-25 四川长虹电器股份有限公司 一种个性化电子日历的应用方法及使用该方法的电视
CN105678581A (zh) * 2016-01-01 2016-06-15 广州筷子信息科技有限公司 一种广告自动排版方法及***
CN105678584A (zh) * 2016-01-01 2016-06-15 广州筷子信息科技有限公司 一种自动匹配广告模板的方法及***
US20160292749A1 (en) * 2015-04-06 2016-10-06 Lewis Beach Image processing device and method
CN106485534A (zh) * 2015-08-25 2017-03-08 阿里巴巴集团控股有限公司 网页中广告的生成方法及装置

Family Cites Families (14)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US6023714A (en) * 1997-04-24 2000-02-08 Microsoft Corporation Method and system for dynamically adapting the layout of a document to an output device
JP2002082874A (ja) * 2000-06-19 2002-03-22 Sony Computer Entertainment Inc バナー広告作成装置および方法、記憶媒体
US20060129933A1 (en) * 2000-12-19 2006-06-15 Sparkpoint Software, Inc. System and method for multimedia authoring and playback
US8582919B2 (en) * 2007-09-24 2013-11-12 Microsoft Corporation Altering the appearance of a digital image using a shape
US20090295789A1 (en) * 2008-06-03 2009-12-03 Amlogic, Inc. Methods for Dynamically Displaying Digital Images on Digital Display Devices
EP2347379A1 (en) * 2008-08-08 2011-07-27 Thomson Licensing Method for dynamic banner composition
US8335675B1 (en) * 2009-02-27 2012-12-18 Adobe Systems Incorporated Realistic real-time simulation of natural media paints
US8806331B2 (en) * 2009-07-20 2014-08-12 Interactive Memories, Inc. System and methods for creating and editing photo-based projects on a digital network
JP5186047B2 (ja) * 2009-11-30 2013-04-17 楽天株式会社 オブジェクト表示装置、オブジェクト表示方法、オブジェクト表示制御プログラム、及びそのプログラムを記録したコンピュータ読み取り可能な記録媒体
US8209632B2 (en) * 2010-01-26 2012-06-26 Apple Inc. Image mask interface
US9098767B2 (en) * 2011-04-11 2015-08-04 Hewlett-Packard Development Company, L.P. System and method for determining the informative zone of an image
US9041727B2 (en) * 2012-03-06 2015-05-26 Apple Inc. User interface tools for selectively applying effects to image
US10380723B2 (en) * 2017-06-19 2019-08-13 Adobe Inc. Editing dynamically selected portions of target images in a mask-based editing interface
WO2019204658A1 (en) * 2018-04-18 2019-10-24 Sawa Labs, Inc. Graphic design system for dynamic content generation

Patent Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101651550A (zh) * 2008-08-15 2010-02-17 阿里巴巴集团控股有限公司 广告生成及显示方法和***、广告制作及显示客户端
CN101814251A (zh) * 2010-04-28 2010-08-25 四川长虹电器股份有限公司 一种个性化电子日历的应用方法及使用该方法的电视
US20160292749A1 (en) * 2015-04-06 2016-10-06 Lewis Beach Image processing device and method
CN106485534A (zh) * 2015-08-25 2017-03-08 阿里巴巴集团控股有限公司 网页中广告的生成方法及装置
CN105678581A (zh) * 2016-01-01 2016-06-15 广州筷子信息科技有限公司 一种广告自动排版方法及***
CN105678584A (zh) * 2016-01-01 2016-06-15 广州筷子信息科技有限公司 一种自动匹配广告模板的方法及***

Non-Patent Citations (1)

* Cited by examiner, † Cited by third party
Title
宋协祝 等: "《印前工艺》", 28 February 2006, 印刷工业出版社 *

Cited By (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN109741425A (zh) * 2019-01-04 2019-05-10 广州华多网络科技有限公司 横幅图片生成方法、装置及存储介质、计算机设备
CN110888582A (zh) * 2019-11-25 2020-03-17 Oppo（重庆）智能科技有限公司 标记信息处理方法、装置、存储介质和终端
CN110888582B (zh) * 2019-11-25 2022-01-25 Oppo（重庆）智能科技有限公司 标记信息处理方法、装置、存储介质和终端
CN113012028A (zh) * 2019-12-19 2021-06-22 浙江宇视科技有限公司 一种图像处理的方法、装置、设备及存储介质
CN113012028B (zh) * 2019-12-19 2023-03-24 浙江宇视科技有限公司 一种图像处理的方法、装置、设备及存储介质

Also Published As

Publication number Publication date
CN108897826B (zh) 2021-09-14
US10783685B2 (en) 2020-09-22
US20190392621A1 (en) 2019-12-26

Similar Documents

Publication Publication Date Title
CN108897826A (zh) 横幅图片快速生成方法、***及存储介质
US20090091547A1 (en) Information display device
US8645870B2 (en) Preview cursor for image editing
US10380723B2 (en) Editing dynamically selected portions of target images in a mask-based editing interface
CN106648509A (zh) 一种拼接墙信号窗口显示控制方法
CN107608668B (zh) H5页面制作兼容显示的方法、装置、终端设备及存储介质
US11061529B2 (en) Generating contextual guides
US11475617B2 (en) Path-constrained drawing with visual properties based on drawing tool
CN107168628A (zh) 一种滑屏显示方法和装置
EP4198962A1 (en) Systems and methods for interactively presenting a visible portion of a rendering surface on a user device
EP3958104A1 (en) Control bar for element activation
JP5981175B2 (ja) 図面表示装置、及び図面表示プログラム
CN104462682A (zh) 一种交互式焊接接头坡口图形绘制及参数标注方法
CN102298574A (zh) 自定义报表生成方法及装置
CN112417340B (zh) 网页图片处理方法、计算机设备和存储介质
CN112799583B (zh) 一种基于android平台的点位示意图绘制***
CN106354381B (zh) 图像文件的处理方法及装置
JP2003250039A (ja) 画像処理装置，画像処理方法および記録媒体
US20180253211A1 (en) Dynamic layout design
CN111782309B (zh) 显示信息的方法、装置及计算机可读存储介质
US11017505B2 (en) System and method for applying antialiasing to images
CN112634403A (zh) 在线展位图绘制方法、装置及电子设备
CN113448473B (zh) 图片裁剪区域可视化操作方法及装置
CN114461324B (zh) 绘图工具、基于绘图工具的图形生成方法、装置、设备及介质
CN116841439B (zh) 图像像素网格的展示方法、装置、计算机设备及存储介质

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination
REG Reference to a national code

Ref country code: HK

Ref legal event code: DE

Ref document number: 1261019

Country of ref document: HK

GR01 Patent grant
GR01 Patent grant