草庐IT

图案化

全部标签

ios - 如何使用 Swift 以编程方式使用交替条纹图案填充 UIView?

我可以使用带有UIColor(patternImage:UIImage(named:"pattern.png"))的图像实现交替条纹图案填充。但是,如何使用一些简单紧凑的代码以编程方式绘制交替条纹图案填充?这是我想要实现的两个示例。问题Usingcode,howdoIfillaUIViewwithdifferentalternatingcolorstripesusingSwift?(1)atwocoloralternatingpatternrunningtoptobottom(90degrees)?(2)athreecoloralternatingpatternrunningtople

python - 自动识别图像中的图案

最近我从CIAworldfactbook下载了一些标志.现在我想对它们进行“分类”。获取颜色获取一些形状(星星、月亮等)在浏览时,我遇到了Python图像库,它允许我提取颜色(即Austria:#!/usr/bin/envpythonimportImagebild=Image.open("au-lgflag.gif").convert("RGB")bild.getcolors()[(44748,(255,255,255)),(452,(236,145,146)),(653,(191,147,149)),...)]我在这里发现奇怪的是,奥地利国旗只有两种颜色,但上面的输出显示了十多种。你

javascript - 为什么 Chrome 在使用 jQuery Draggable 时会删除 SVG 上的图像图案?

我将SVG包装在可拖动的div中。SVG需要一个形状或路径,上面有图像填充。一切都在Firefox中呈现良好并100%工作。在Chrome中,它可以让你拖动一次,一切都很好,但在随后的拖动操作中,图像会在下降时消失。奇怪的是,图像在随后的拖动操作中重新出现在助手和原始div中,但总是在放下时消失。在IE中,它允许您拖动一次,然后它会卡住在原地。这是HTML:CSS:.svgcontainer{position:absolute;border:2pxsolidred;}Javascript:$(".draggable").draggable({helper:'clone',cursor:

javascript - 为什么 Chrome 在使用 jQuery Draggable 时会删除 SVG 上的图像图案?

我将SVG包装在可拖动的div中。SVG需要一个形状或路径,上面有图像填充。一切都在Firefox中呈现良好并100%工作。在Chrome中,它可以让你拖动一次,一切都很好,但在随后的拖动操作中,图像会在下降时消失。奇怪的是,图像在随后的拖动操作中重新出现在助手和原始div中,但总是在放下时消失。在IE中,它允许您拖动一次,然后它会卡住在原地。这是HTML:CSS:.svgcontainer{position:absolute;border:2pxsolidred;}Javascript:$(".draggable").draggable({helper:'clone',cursor:

javascript - 翻译时 HTML5 Canvas 涂抹图像图案

在使用图像创建图案时使用“no-repeat”、“repeat-x”或“repeat-y”时出现奇怪的问题。请考虑以下事项:body{margin:0px;padding:0px;}varcanvas=document.getElementById('myCanvas');varcontext=canvas.getContext('2d');varimageObj=newImage();imageObj.onload=function(){context.rect(0,0,canvas.width,canvas.height);context.translate(50,50);varp

javascript - 翻译时 HTML5 Canvas 涂抹图像图案

在使用图像创建图案时使用“no-repeat”、“repeat-x”或“repeat-y”时出现奇怪的问题。请考虑以下事项:body{margin:0px;padding:0px;}varcanvas=document.getElementById('myCanvas');varcontext=canvas.getContext('2d');varimageObj=newImage();imageObj.onload=function(){context.rect(0,0,canvas.width,canvas.height);context.translate(50,50);varp

javascript - 如何用html5 canvas绘制一个连续的圆形图案

我有这张图片:我想用图像来画作为模式。当我这样做时,我在Canvas上得到了这样的结果:但我需要输出为所以我的问题是:HTMLJSvarsource,source_ctx,sleeve,sleeve_ctx,finalsleeve,finalsleeve_ctx,temp_can1,temp_can1_ctx;$(document).ready(function(){temp_can1=document.getElementById('f6258182013');temp_can1_ctx=temp_can1.getContext('2d');rotator3('http://i.st

javascript - 如何用html5 canvas绘制一个连续的圆形图案

我有这张图片:我想用图像来画作为模式。当我这样做时,我在Canvas上得到了这样的结果:但我需要输出为所以我的问题是:HTMLJSvarsource,source_ctx,sleeve,sleeve_ctx,finalsleeve,finalsleeve_ctx,temp_can1,temp_can1_ctx;$(document).ready(function(){temp_can1=document.getElementById('f6258182013');temp_can1_ctx=temp_can1.getContext('2d');rotator3('http://i.st

javascript - 当图案可拖动时如何调整图像图案的大小?

我用了这个Resizeanimage withjavascriptforuseinsideacanvascreatePattern调整初始图像的大小,但是当我尝试将相同的代码放入拖/放功能时,它无法正常工作(它创建了一个新图像,当我尝试拖动它时,它变得很奇怪-请参见下图。“O”是拖放前的图片,“P”是拖放后的图片)。这是我使用的代码:functionphotos_create_preview_image(element){console.log(element.id);if(element.id.indexOf("canvas")!=-1){varcanvas=document.get

javascript - 当图案可拖动时如何调整图像图案的大小?

我用了这个Resizeanimage withjavascriptforuseinsideacanvascreatePattern调整初始图像的大小,但是当我尝试将相同的代码放入拖/放功能时,它无法正常工作(它创建了一个新图像,当我尝试拖动它时,它变得很奇怪-请参见下图。“O”是拖放前的图片,“P”是拖放后的图片)。这是我使用的代码:functionphotos_create_preview_image(element){console.log(element.id);if(element.id.indexOf("canvas")!=-1){varcanvas=document.get