Kineticjs: ¿Cómo puedo evitar que la imagen se superponga al accidente cerebrovascular?
-
21-12-2019 - |
Pregunta
Tengo una imagen que está en una capa de Kineticjs.Cuando establezco un derrame cerebral con ancho> 1, la imagen se superpondrá al accidente cerebrovascular en algunos puntos.Aquí hay una jsfiddle hice:
Esta imagen muestra el problema:
Mi código:
var stage = new Kinetic.Stage({
container: 'container',
width: 800,
height: 900
});
var layer = new Kinetic.Layer();
var imageObj = new Image();
imageObj.onload = function () {
var kimage = new Kinetic.Image({
x: 10,
y: 10,
image: imageObj
});
kimage.strokeEnabled(true);
kimage.stroke("#1788a8");
kimage.strokeWidth(11);
// add the shape to the layer
layer.add(kimage);
// add the layer to the stage
stage.add(layer);
};
imageObj.src = 'https://upload.wikimedia.org/wikipedia/commons/d/da/CatBlackHearts.png';
¿Cómo puedo evitar que la imagen se superponga al accidente cerebrovascular?
Solución
Un golpe de lona siempre se dibuja medio interior y medio fuera de su caja delimitadora.
El cuadro delimitador es el tamaño de la imagen.
Por lo tanto, su trazo azul es 11/2= 6.5 píxeles dentro de su imagen.
Para tener su borde completamente fuera de la imagen, debe dibujar la frontera por separado de la imagen.
Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow