- android - RelativeLayout 背景可绘制重叠内容
- android - 如何链接 cpufeatures lib 以获取 native android 库?
- java - OnItemClickListener 不起作用,但 OnLongItemClickListener 在自定义 ListView 中起作用
- java - Android 文件转字符串
我知道我可以 scale一个Raster Paper.js 中的对象, 以及 TextItem和一个 Path .
但是,我想在拖动 Raster 的选择线或边界框时执行此操作, TextItem , 或 Path ,就像在 Word 等程序中调整图像大小时一样。这些边界形成一个 Rectangle目的。我可以 Hook 吗,也许使用 fitBounds
方法?或者更广泛地说,如何在 Raster、TextItem 或 Path 的选择线上捕获鼠标拖动事件?我想一旦我能做到这一点,我就可以使用 scale
方法来扩大/缩小对象。
这是一个 Paper.js sketch从@Christoph 借来帮助您入门和进行实验。另见 documentation对于 Paper.js。
最佳答案
构建实际的实现会很麻烦,但这里有一个 POC https://jsfiddle.net/f8h3j7v4/
c.addEventListener('mousedown',function(e){//c = context, check the fiddle
//Calculate the position of the edges, currently hardcoded values for fiddle
//For example getPosition(c).y + y * scaleY
//I should mention that rotate starts at the top left corner;
//the whole canvas gets rotated(+transform exists)
//There is actually a pretty clever way to handle rotation;
//rotate the mouse position
if(e.clientY > 15 && e.clientY < 25)
dragNorth = true
else
dragNorth = false
if(e.clientX > 15 && e.clientX < 25)
dragWest = true
else
dragWest = false
if(e.clientX > 165 && e.clientX < 175)
dragEast = true
else
dragEast = false
if(e.clientY > 165 && e.clientY < 175)
dragSouth = true
else
dragSouth = false
})
function getPosition(element) {
var xPosition = 0;
var yPosition = 0;
while(element) {
xPosition += (element.offsetLeft - element.scrollLeft + element.clientLeft);
yPosition += (element.offsetTop - element.scrollTop + element.clientTop);
element = element.offsetParent;
}
return { x: xPosition, y: yPosition };
}
//Thanks to
//http://www.kirupa.com/html5/get_element_position_using_javascript.htm
只需计算 Canvas 的位置然后拖走:)
关于javascript - Paper.js 通过拖动调整光栅/TextItem/路径的大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33112336/
resizeable_dialog.html :host { display: block; } Open
我有一个带对话框的基本抽屉应用程序。当对话框打开时,工具栏中的阴影(我假设)在框上流血。有解决办法吗? ...
我正在使用 polymer 入门套件。 当我添加 元素,它出现在 后面当我 .show() 有没有其他人遇到过这个问题,您有什么解决办法吗? 最佳答案 我遇到了同样的问题并弄清楚发生了什么。 如果你
我想在 Polymer 元素中使用带有 paper 元素的 Bootstrap 主题。 我是否仍可以使用 paper 元素,但在全局范围内关闭它们的(Material Design)样式? 最佳答案
我有一个绝对定位的元素,它在纸张对话框的外面,(它是一个 body > div)。 我在 div 中有几个输入字段,我希望能够在其中输入一些文本, 但 paper-dialog 并没有让它离开焦点,引
HTML Full customer list CSS:
我正在尝试圆化 paper-listbox 的 Angular ,它包含在 paper-dropdown-menu 中。但是,以下 CSS 并没有像我预期的那样改变边框半径: paper-listbo
我已经安装了webppl-agents库(以及 webppl 和 webppl-dp )并尝试运行命令行测试,但我遇到了一些麻烦。 npm 文件模块 (1) 中的 jsdom 似乎存在依赖性问题(2)
我正在尝试使用 paper.js 优秀的 path.simplify 方法来简化手绘路径,以便在用户完成绘制后生成平滑的曲线。由于这是非 HTML 输出(TV Telestration),我尝试在 N
我有一个元素,我们称它为x-foo .里面x-foo , 我正在使用 . 问题 How do I change the ripple color from (the default) yellow
注意:这个问题是关于旧版本的 polymer 。 Google 工程师致力于对 Polymer 包进行快速突破性更新,再加上当时他们并未进行 dogfooding,这意味着该问题已过时。 绑定(bin
UPD:已解决 我有默认的 Polymer Starter Kit(高级)布局,结构如下所示
如何访问这样写的css(我搜索过但没有知道这篇文章怎么称呼): paper-spinner{ --paper-spinner-layer-1-color: var(--paper-gre
您好: 每当变量更改时,我都有一个从可观察的变量填充的paper-dropdown-menu,我想重新选择第一项。但是,第一次正确运行时,下次它将继续选择与第一次选择相同的第一个元素。这是组件的htm
我得到了一个纸张对话框,可以在AngualrDart组件中使用纸张输入正常工作。当我尝试使用纸质文本区域时,它是只读的。 这是一个工作文件输入和只读文件文本区域: {{ death_year
我有一个简单的组件,其中包含定义如下的雇员列表: @Component(selector: 'employee-list', templateUrl: 'employee_list.html'
我们正在使用Paper.js构建各种图像编辑器。我们在Paper.js画布的一侧有一个队列,可以在图像之间进行切换。每次在图像之间切换时,我们都希望将所有注释平整化(光栅化)到刚编辑的图像上。 每次切
我只是想进入 paper.js。当它们被内联时,代码可以正常工作。但是当我将它们移动到外部文件并在那里 src 时,错误开始弹出:( 谁能弄清楚我做错了什么?附上了错误截图 非常感谢! Error s
就目前而言,这个问题不适合我们的问答形式。我们希望答案得到事实、引用或专业知识的支持,但这个问题可能会引起辩论、争论、投票或扩展讨论。如果您觉得这个问题可以改进并可能重新打开,visit the he
我正在使用 来显示我将以编程方式构建的 SVG 图像。在开始之前,我需要知道渲染容器的大小。我正在等待打开的属性更改为 true 但这显然为时过早,因为 .clientWidth 在触发时为 0,但稍
我是一名优秀的程序员,十分优秀!