Tag: canvas

在HTML5canvas中设置单个像素的最佳方法是什么？: HTML5 Canvas没有明确设置单个像素的方法。使用非常短的线条设置像素可能是有可能的，但是，antialising和line cap可能会产生干扰。另一种方法可能是创build一个小的ImageData对象，并使用： context.putImageData(data, x, y) 把它放到位。任何人都可以描述一个有效和可靠的方法吗？

Python的Tkinter 2.7问题与图像。: 我试图在窗口中显示图像….似乎很简单，对不对？那么我有一个大错误！我在一个文件中有这个相同的代码： import Tkinter root = Tkinter.Tk() canvas = Tkinter.Canvas(root) canvas.grid(row = 0, column = 0) photo = Tkinter.PhotoImage(file = '/Users/Richy/Desktop/1.gif') image1 = canvas.create_image(0,0, image=photo) root.mainloop() 有用。我有一个更大的文件的一部分： def officialPictureWindow(self): t = Toplevel(self) t.wm_title("Official Image") self.__canvas3 = Canvas(t) self.__canvas3.grid(row = 0, column = 0) photo = PhotoImage(file = '/Users/Richy/Desktop/1.gif') image1 = self.__canvas3.create_image(0,0, image=photo) 它不工作！ […]

将SVG转换为带有应用图像的PNG作为svg元素的背景: 我有一个外部的SVG文件，其中包含一些模式中的embedded式图像标签。每当我使用toDataURL()将这个SVG转换成PNG时，生成的PNG图像不包含我已经作为模式应用于某些SVGpath的图像。有什么办法可以解决这个问题吗？

有没有办法使用CSS3 / Canvas曲线/弧形文字: 我正在尝试使用CSS3，HTMLcanvas，甚至是SVG来制作曲线文字效果（请参阅下面的示例）？这可能吗？如果是这样，我怎么能达到这个效果呢？更新：澄清：这种方式将文本将是dynamic的。

在ItemsControl DataTemplate中设置Canvas属性: 我试图绑定到这个ItemsControl ： <ItemsControl ItemsSource="{Binding Path=Nodes, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}"> <ItemsControl.ItemsPanel> <ItemsPanelTemplate> <Canvas /> </ItemsPanelTemplate> </ItemsControl.ItemsPanel> </ItemsControl> 通过使用这个DataTemplate ，我试图单独地将我的Node元素放置在Canvas ： <DataTemplate DataType="{x:Type Model:EndNode}"> <Controls:EndNodeControl Canvas.Left="{Binding Path=XPos}" Canvas.Top="{Binding Path=YPos}" /> </DataTemplate> 但是，它没有按预期工作。我所有的节点元素都在同一个位置上绘制。有关如何完成此任何build议？

在<canvas>中加点划线: 我想这是不可能的，如CSS设置笔画属性是很容易的。使用CSS我们已经虚线，虚线，坚实，但在绘制线条/笔画canvas时，这似乎不是一个选项。你是怎么实现的？我已经看到了一些例子，但是对于这样一个愚蠢的function他们真的很长。例如： http://groups.google.com/group/javascript-information-visualization-toolkit/browse_thread/thread/22000c0d0a1c54f9?pli=1

如何将canvas保存为PNG图像？: 我有一个绘图的canvas元素，我想创build一个button，点击时，它将保存图像为PNG文件。所以它应该打开保存，打开，closures对话框… 我使用这个代码来做 var canvas = document.getElementById("myCanvas"); window.open(canvas.toDataURL("image/png")); 但是，当我在IE9中testing出来，一个新的窗口打开，说“网页无法显示”，它的url是：数据：图像/ PNG; BASE64，iVBORw0KGgoAAAANSUhEUgAAAmAAAABpCAYAAACd + 58xAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAADRwSURBVHhe7V0HgBVF0q7ZJSlJwRxAPUFRD39RFLN34qGnnomoqIjhzBlFPROIgsoZzogR5AQEzJ4BPFAUEUwgJjgQkCQKooggaf / 6el6 / 6ZnpSW / zUn237u5MdXX1172 + z6rqaqeEG6VsJet + PDW / vkdrfx3H3yfT2tVzaP26X6hkw1q / BoeI / 280 / 29JwznZxJPUyXtBQBAQBAQBQaBcECjefmi56BWlZYtAeqajx / WokfrJYEqOIikOFRfXoVq161PtOk2odu0t + ectqKiojnrntWhC46QhYOtXfUarl79Ivy9 / ldau + H + TX / 8b2SbjJ07pWFQy2Uqnp2yXSrQJAoKAICAICALJCAgBS8ao8iTi / UvpSZlBxiwqwWOKimsxCWtEdettR3XqbEfFtRonkrBYArZh3fe0 + senadWyEbRm1UzasP53K45ZiFc84RKyVXkbVUYWBAQBQUAQyIqAELCsiFW2fDQpSyZk8UQMMysqKmaPWCOqt8mOVK / eTuQU1YuccCQBW7dyIq38 / J5A / fN的/ ad3a5QGXmqsvLfGKJl0ZCFdONEOPyl5lGV8QEAQEAUGghiMgBKzqLHCeHqVOrILtduF4MpZExEqoVq167A3bmjap34J […]

在HTML5canvas上绘制一个SVG文件: 是否有一个默认的方式来绘制一个SVG文件到HTML5canvas上？ Google Chrome浏览器支持将SVG加载为图片（并简单地使用drawImage ），但开发者控制台会警告将该resource interpreted as image but transferred with MIME type image/svg+xml 。我知道有可能将SVG转换为canvas命令（就像这个问题一样），但我希望这不是必须的。我不在乎旧的浏览器（所以如果FireFox 4和IE 9将支持的东西，这是够好的）。

如何在HTML5canvas中绘制一个椭圆形？: 似乎没有一个本地的function来绘制一个椭圆形的形状。另外我不寻找蛋形。用2条贝塞尔曲线绘制一个椭圆是否可能？有人认为呢？我的目的是画出一些眼睛，实际上只是使用弧线。提前致谢。解所以scale（）改变所有下一个形状的缩放比例。保存（）保存设置之前和还原用于恢复设置绘制新的形状，而不缩放。感谢Jani ctx.save(); ctx.scale(0.75, 1); ctx.beginPath(); ctx.arc(20, 21, 10, 0, Math.PI*2, false); ctx.stroke(); ctx.closePath(); ctx.restore();