canvas 相关问题

Canvas是自由格式图形输出的通用元素。

我在div中有一个canvas对象。画布周围似乎有某种填充物。我希望它的边缘接触浏览器屏幕的边缘： //我的html文件：我在 div 中有一个画布对象。画布周围似乎有某种填充物。我希望它的边缘接触浏览器屏幕的边缘： // my html file: <body> <div id="canvasholder"></div> </body> // my java gwt code Canvas canvas = Canvas.createIfSupported(); canvas.setWidth("100%"); canvas.setHeight("100%"); RootPanel.get("canvasholder").add(canvas); 但是，页面的画布元素周围仍然有大约 20 像素的边距。除了上面复制的内容之外，页面上没有其他内容。我不认为这是 GWT 特定的问题，可能是 html 元素有默认的填充/边距？谢谢 ------更新------------ 奇怪的是，我仍然看到填充，firebug 插件向我显示 body 元素以某种方式有 10px 边距： // firebug inspection of the body element: body { background: none repeat scroll 0 0 #FFFFFF; border: 0 none; color: black; direction: ltr; margin: 10px; // huh? padding: 0; } // my css file: hml, body, div, canvas { margin: 0px; padding: 0px; } div.logParent { position: absolute; top: 20px; left: 20px; color: black; z-index: 2; } 我遇到了类似的问题，当我将 div 放置在页面底部时，内部带有画布的绝对定位的 div（通过 JS 添加，因此周围没有多余的空格）导致页面溢出。解决方案是将画布显示属性设置为“block”（当时不知道默认情况下它是“inline-block”），现在不再添加额外的填充，滚动条也消失了。正如您所正确指出的，浏览器为各种 HTML 元素实现默认样式（并且它们不是标准化的，因此每个浏览器实现的默认样式略有不同）。出于您的目的，鉴于您发布的 HTML，您需要类似以下内容： html, body, div, canvas { margin: 0; padding: 0; } 当然，这确实过于简化了事情，并且可能值得设置 font-size 和默认 color 和 background-color 属性（以及许多，many 其他属性）。参考资料： CSS Reset Reloaded，作者：Eric Meyer。 YUI 重置。还有很多其他的，虽然我真的只能想到这两个，但是 css-reset 可能对你有用。 html 页面的默认 body 元素应用了填充。使用以下 CSS 显式删除此内容： body{ margin: 0; } 您现在应该看到类似以下内容：

html gwt canvas

回答 3 投票 0

Flutter处理canvas.saveLayer来制作图层

我正在尝试在flutter中制作像Photoshop一样的图层功能。为了简单实现，一个图层中的所有图片都是相同的颜色。例如，第 1 层上的所有绘图都是红色。但每一层都有一个

flutter dart canvas flutter-canvas

回答 1 投票 0

如何在 MacOS 上的 SwiftUI 中正确收集 CanvasView 的单击、拖动和释放鼠标事件

对于 MacOS 上使用 SwiftUI 的绘图应用程序，我遇到了一个有趣的问题。当我在画布内单击时，DragGesture 不会触发。如果我点击我的

swiftui canvas

回答 1 投票 0

为什么设置preserveObjectStacking后图片无法移动

我想做的是最初加载一个保持静态的图像，如果文件输入发生变化，则该图像被加载，放置在画布中，应该位于最初加载的图像后面，并且应该是......